Vue根据条件添加click事件

作者: 一名有马甲线的程序媛 | 来源:发表于2020-12-23 10:30 被阅读0次

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

解决方法：

<div @click="clickFlag && addGoodsHandler()">
    添加产品
</div>

<div v-if="clickFlag" @click="addGoodsHandler()">
    添加产品
</div>
<div v-else>
    添加产品
</div>

<div @click="addGoodsHandler">
    添加产品
</div>

addGoodsHandler () {
  if (!this.clickFlag) {
    return false;
  }
  // 巴拉巴拉
}

Vue根据条件添加click事件
需求：根据特定条件，增加或者去掉click事件（例如：clickFlag == true时，添加click事件；c...
第四讲、Vue3.x中的事件方法详解、事件监听、方法传值、事件对
一、Vue3.x监听事件vue中监听事件可以使用v-on:click或者 @click ,@click 为v-on...
Jquery 事件
bind()向元素添加事件处理程序 blur()添加、触发失去焦点事件 change()添加、触发事件 click...
Vue项目中给导航的router-link组件添加点击事件
最近开发Vue项目过程中遇到一个问题，在给添加 @click 点击事件时，不起任...
Vue.js中级
1.Vue事件语法-----简写---<@click> 效果点击（点我+1、增加）数...
vue @click点击事件失效
在使用vue的UI组件iView.design时，点击搜索按钮click事件失效。以上代码中click事件无效，...
vue使用腾讯地图（二）事件
地图中添加点击事件添加点击事件 qq.maps.event.addListener(map, 'click', ...
Vue.js破冰系列-3自定义指令
1 指令的格式及注册上一章我们讲了vue的内部指令，下例是将divClicked方法添加click事件监听中，同...
vue之事件和小案例实现TODO
一、vue 支持触发事件: 写法是:v-on:click="fn" 等价于 @click="fn" 等价于二、...
vue中巧用事件委托
项目中遇到大量的button需要添加同一个@click事件，如果给每一个button都添加@click事件，这么多...

网友评论

本文标题：Vue根据条件添加click事件

本文链接：https://www.haomeiwen.com/subject/zgdynktx.html

Vue根据条件添加click事件