vue中的事件加判断条件如何进行选择性点击

vue中事件加判断条件进行选择性点击

 @click="(items.length>1)?choose(items):''"

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

总结

以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。