Vue根据条件添加click事件的方式
人气:9需求:根据特定条件,增加或者去掉click事件(例如:clickFlag == true时,添加click事件;clickFlag == false时,去掉click事件;)
解决方法:
方式一:在绑定事件中直接添加标示量clickFlag
<div @click="clickFlag && addGoodsHandler()"> 添加产品 </div>
方式二:用v-if 、v-else-if、v-else 判断
<div v-if="clickFlag" @click="addGoodsHandler()"> 添加产品 </div> <div v-else> 添加产品 </div>
以上这篇Vue根据条件添加click事件的方式就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
您可能感兴趣的文章:
- vue组件添加事件@click.native操作
- vue v-on:click传递动态参数的步骤
- vue.js click点击事件获取当前元素对象的操作
- Vue的自定义组件不能使用click方法的解决
- Vue的click事件防抖和节流处理详解
- Vue v-for循环之@click点击事件获取元素示例
- 解决vue组件中click事件失效的问题
- vue基础之事件v-onclick="函数"用法示例
- vue click.stop阻止点击事件继续传播的方法
- VUE中v-on:click事件中获取当前dom元素的代码
- vue中阻止click事件冒泡,防止触发另一个事件的方法
- 详解vue.js的事件处理器v-on:click
- Vue指令实现OutClick的示例
加载全部内容