Vue根据条件添加click事件

需求：根据特定条件，增加或者去掉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事件相关推荐

html div的点击事件,Jquery为DIV添加click事件的简单实例
今天在做一个抽奖活动时小编要做一个抽奖没有中奖之后直接弹出一个提示,然后再给div添加一个事件了,下面我们来看这个例子的做法. html jquery事件 $('#click_ms').click(f ...
使用mshtml为页面中的超级链接添加Click事件 - 蜡人张 - 博客园
导读: 使用mshtml为页面中的超级链接添加Click事件在使用mshtml操作HTML页面时可能遇到要为页面的超级链接添加Click事件的操作,可以用下面的代码来完成: foreach(msht ...
【uniapp】swiper 添加click事件
前言 Hbuilder X 2.7.14.20200618 (不清楚uniapp的版本,用工具版本代替) 关于uniapp多端:用uniapp对多端的支持不一致,适配工作很繁琐 swiper的clic ...
获取滑动条位置，动态调整对话框显示位置；为动态添加的button添加click事件
1.获取滑动条位置,动态调整对话框显示位置应用场景:页面上有三个按钮,所处位置高度不同,有的按钮需要移动滑动条才能看到,各个按钮点击后要弹出同一个对话框,为了保证对话框始终显示在当前视野的中央位置, ...
vue实现自动触发click事件
使用vue自定义指令实现 1.html <el-menu-item:index="item.id+''"v-for="(item,index) in assitio ...
Element中 el-tag 点击事件 el-tag添加@click事件无效
一般在使用el-tag 显示一个状态,有时需要设置一个点击事件,通常会如下这样来写 <el-tag type="error" @click="onClick(sco ...
javascript/jquery给动态加载的元素添加click事件
/** 这种写法:在重新加载数据后事件依然有效*/$(document).on('click', '#district_layer ul li', function () { }); 转载于:http ...
onscroll事件没有响应的原因以及vue.js中添加onscroll事件监听的方法(vue上监听scroll事件
在vue.js中直接使用onscroll不起作用利用DOM二级监听事件即可, window.addEventListener('scroll',()=>{console.log(window. ...
vue 特定条件下绑定事件
今天写了个小功能,看起来挺简单,写的过程中发现了些坑.1.div没有disabled的属性,所以得写成button2.disabled在data时,默认是true,使得初始化时,默认置灰按钮,无法点击 ...

Vue根据条件添加click事件

Vue根据条件添加click事件相关推荐

最新文章

热门文章