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

【问题标题】：How to click on the button to change its properties and disable?如何单击按钮更改其属性并禁用？
【发布时间】：2019-12-02 19:47:17
【问题描述】：

请帮助我。有一个按钮：

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

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

【问题讨论】：

【解决方案1】：

向您的数据对象添加一个名为 isFlatten 的属性，例如：

data(){
   return{
         isFlatten:false
      }
 }

在你的模板中做：

<v-btn dark color="primary" class="square" :flat="isFlatten" @click="isFlatten=true">Tile 1</v-btn>

【讨论】：