Javascript 如何单击按钮更改其属性并禁用?

Javascript 如何单击按钮更改其属性并禁用?,javascript,vue.js,vuejs2,vue-component,vuetify.js,Javascript,Vue.js,Vuejs2,Vue Component,Vuetify.js,请帮帮我。 有一个按钮: <v-btn dark color="primary" class="square">Tile 1</v-btn> Tile 1 如何使其在单击将其更改为平面后,禁用它并更改其颜色,例如-白色?向数据对象添加一个名为isflatte的属性,如: data(){ return{ isFlatten:false } } 在模板中,请执行以下操作: Tile 1

请帮帮我。 有一个按钮:

<v-btn dark color="primary" class="square">Tile 1</v-btn>
Tile 1

如何使其在单击将其更改为平面后,禁用它并更改其颜色,例如-白色?

向数据对象添加一个名为
isflatte
的属性,如:

data(){
   return{
         isFlatten:false
      }
 }
在模板中,请执行以下操作:

Tile 1