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 相关文章推荐
JQuery中判断一个元素下面是否有内容或者有某个标签的判断代码
Feb 02 Javascript
使用jquery自定义鼠标样式满足个性需求
Nov 05 Javascript
解析JavaScript中delete操作符不能删除的对象
Dec 03 Javascript
如何用JavaScript定义一个类
Sep 12 Javascript
JS组件Form表单验证神器BootstrapValidator
Jan 26 Javascript
js前端日历控件(悬浮、拖拽、自由变形)
Mar 02 Javascript
图片加载完成再执行事件的实例
Nov 16 Javascript
讲解vue-router之什么是动态路由
May 28 Javascript
vue代码分割的实现(codesplit)
Nov 13 Javascript
js实现贪吃蛇小游戏
Oct 29 Javascript
使用axios请求接口,几种content-type的区别详解
Oct 29 Javascript
Vue基于iview实现登录密码的显示与隐藏功能
Mar 06 Javascript
浅谈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 根据IP地址控制访问的代码
2010/04/22 PHP
从手册去理解分析PHP session机制
2011/07/17 PHP
PHP文件操作实现代码分享
2011/09/01 PHP
php转换颜色为其反色的方法
2015/04/27 PHP
php使用Jpgraph创建折线图效果示例
2017/02/15 PHP
ThinkPHP5&amp;5.1框架关联模型分页操作示例
2019/08/03 PHP
php实现将数组或对象写入到文件的方法小结【三种方法】
2020/04/22 PHP
js控制CSS样式属性语法对照表
2012/12/11 Javascript
jquery实现控制表格行高亮实例
2013/06/05 Javascript
浅谈Javascript如何实现匀速运动
2014/12/19 Javascript
angularjs 处理多个异步请求方法汇总
2015/01/06 Javascript
Jquery中offset()和position()的区别分析
2015/02/05 Javascript
bootstrap+jquery项目引入文件报错的解决方法
2018/01/22 jQuery
微信小程序button组件使用详解
2018/01/31 Javascript
Vue源码学习之关于对Array的数据侦听实现
2019/04/23 Javascript
微信小程序解析富文本过程详解
2019/07/13 Javascript
python监控网站运行异常并发送邮件的方法
2015/03/13 Python
Python安装官方whl包和tar.gz包的方法(推荐)
2017/06/04 Python
python交互界面的退出方法
2019/02/16 Python
详解Python正则表达式re模块
2019/03/19 Python
python中从for循环延申到推导式的具体使用
2019/11/29 Python
Python图像处理库PIL中图像格式转换的实现
2020/02/26 Python
Python基于yaml文件配置logging日志过程解析
2020/06/23 Python
Python建造者模式案例运行原理解析
2020/06/29 Python
详解Python中string模块除去Str还剩下什么
2020/11/30 Python
CSS3 please 跨浏览器的CSS3产生器
2010/03/14 HTML / CSS
Html5基于canvas实现电子签名并生成PDF文档
2020/12/07 HTML / CSS
咖啡店自主创业商业计划书
2014/01/22 职场文书
2014乡镇班子个人对照检查材料思想汇报
2014/09/26 职场文书
碧霞祠导游词
2015/02/09 职场文书
婚宴来宾致辞
2015/07/28 职场文书
教师网络培训心得体会
2016/01/09 职场文书
廉洁自律心得体会2016
2016/01/13 职场文书
致男子1500米运动员的广播稿
2019/11/08 职场文书
Python实现PIL图像处理库绘制国际象棋棋盘
2021/07/16 Python
CentOS7和8下安装Maven3.8.4
2022/04/07 Servers