Vue根据条件添加click事件的方式


Posted in Javascript onNovember 09, 2019

需求:根据特定条件,增加或者去掉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事件的方式就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JSQL SQLProxy 的 php 版本代码
May 05 Javascript
jquery中ajax学习笔记一
Oct 16 Javascript
jsPDF生成pdf后在网页展示实例
Jan 16 Javascript
jquery基础教程之deferred对象使用方法
Jan 22 Javascript
javascript版的in_array函数(判断数组中是否存在特定值)
May 09 Javascript
javascript表单验证和Window详解
Dec 11 Javascript
不用一句js代码初始化组件
Jan 27 Javascript
jQuery简单设置文本框回车事件的方法
Aug 01 Javascript
纯JS单页面赛车游戏制作代码分享
Mar 03 Javascript
详解Vue组件之作用域插槽
Nov 22 Javascript
vue 使用element-ui中的Notification自定义按钮并实现关闭功能及如何处理多个通知
Aug 17 Javascript
vue实现锚点定位功能
Jun 29 Vue.js
浅谈vuex中store的命名空间
Nov 08 #Javascript
解决$store.getters调用不执行的问题
Nov 08 #Javascript
在Vue中使用this.$store或者是$route一直报错的解决
Nov 08 #Javascript
vue.js的状态管理vuex中store的使用详解
Nov 08 #Javascript
vue.js 子组件无法获取父组件store值的解决方式
Nov 08 #Javascript
VUEX采坑之路之获取不到$store的解决方法
Nov 08 #Javascript
vue路由拦截器和请求拦截器知识点总结
Nov 08 #Javascript
You might like
新手学PHP之数据库操作详解及乱码解决!
2007/01/02 PHP
php下关于中英数字混排的字符串分割问题
2010/04/06 PHP
生成ubuntu自动切换壁纸xml文件的php代码
2010/07/17 PHP
php+js实现异步图片上传实例分享
2014/06/02 PHP
js 面向对象的技术创建高级 Web 应用程序
2010/02/25 Javascript
关于JAVASCRIPT urldecode URL解码的问题
2012/01/08 Javascript
javascript使用中为什么10..toString()正常而10.toString()出错呢
2013/01/11 Javascript
jquery多行滚动/向左或向上滚动/响应鼠标实现思路及代码
2013/01/23 Javascript
ExtJS如何设置与获取radio控件的选取状态
2014/01/22 Javascript
javascript实现十六进制颜色值(HEX)和RGB格式相互转换
2014/06/20 Javascript
如何调试异步加载页面里包含的js文件
2014/10/30 Javascript
举例详解Python中smtplib模块处理电子邮件的使用
2015/06/24 Javascript
javascript日期比较方法实例分析
2016/06/17 Javascript
原生js实现选项卡功能
2017/03/08 Javascript
vue父组件向子组件动态传值的两种方法
2017/11/11 Javascript
关于express与koa的使用对比详解
2018/01/25 Javascript
vue实现在线翻译功能
2019/09/27 Javascript
js中script的上下放置区别,Dom的增删改创建操作实例分析
2019/12/16 Javascript
[43:32]2014 DOTA2华西杯精英邀请赛 5 25 LGD VS NewBee第一场
2014/05/26 DOTA
使用python统计文件行数示例分享
2014/02/21 Python
Python解析json文件相关知识学习
2016/03/01 Python
python实现多线程的方式及多条命令并发执行
2016/06/07 Python
关于Python 常用获取元素 Driver 总结
2019/11/24 Python
Pytorch 之修改Tensor部分值方式
2019/12/27 Python
对python中 math模块下 atan 和 atan2的区别详解
2020/01/17 Python
Python实现不规则图形填充的思路
2020/02/02 Python
python 使用事件对象asyncio.Event来同步协程的操作
2020/05/04 Python
纯HTML5+CSS3制作生日蛋糕代码
2016/11/16 HTML / CSS
Smashbox官网:美国知名彩妆品牌
2017/01/05 全球购物
英国乡村时尚和宠物用品专家:Pet & Country
2018/07/02 全球购物
几个Shell Script面试题
2014/04/18 面试题
入党自荐书范文
2014/03/09 职场文书
2015年党员公开承诺书范文
2015/01/22 职场文书
家长会主持词开场白
2015/05/29 职场文书
「月刊Action」2022年5月号封面公开
2022/03/21 日漫
nginx 配置指令之location使用详解
2022/05/25 Servers