vue点击事件 根据条件判断是否可以点击

需求：根据特定条件，增加或者去掉click事件（例如：clickFlag == true时，添加click事件；clickFlag == false时，去掉click事件；）

 

解决方法：

 

• 方式一：在绑定事件中直接添加标示量clickFlag

<div @click="clickFlag && addGoodsHandler()"> 
    为真 
</div>
<div v-else>
    为假
</div>

 

• 方式二：用v-if 、v-else-if、v-else 判断

<div v-if="clickFlag" @click="addGoodsHandler()"> 
    为真
</div>
<div v-else> 
    为假 
</div>

 

很明显，第一种感觉更高级，用更少的代码完成功能，Write less，Do more