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

Question

请帮帮我。有一个按钮：<v-btn dark color="primary" class="square">Tile 1</v-btn>如何使它在单击后将其更改为平面，禁用它并更改其颜色，例如 - 白色？

Answer 1

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

data(){

   return{

         isFlatten:false

      }

 }

并在您的模板中执行以下操作：

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