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 相关文章推荐
JAVASCRIPT对象及属性
Feb 13 Javascript
javascript 使用 NodeList需要注意的问题
Mar 04 Javascript
20条学习javascript的编程规范的建议
Nov 28 Javascript
yui3的AOP(面向切面编程)和OOP(面向对象编程)
May 01 Javascript
JS实现带提示的星级评分效果完整实例
Oct 30 Javascript
jQuery简单操作cookie的插件实例
Jan 13 Javascript
jQuery EasyUI基础教程之EasyUI常用组件(推荐)
Jul 15 Javascript
ES6中Generator与异步操作实例分析
Mar 31 Javascript
jQuery实现table中两列CheckBox只能选中一个的示例
Sep 22 jQuery
javascript+css3开发打气球小游戏完整代码
Nov 28 Javascript
vue实现自定义日期组件功能的实例代码
Nov 06 Javascript
四十九个javascript小知识实用技巧
Nov 20 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
Windows7下的php环境配置教程
2015/02/28 PHP
PHP $O00OO0=urldecode &amp; eval 解密,记一次商业源码的去后门
2020/09/13 PHP
用Javascript 和 CSS 实现脚注(Footnote)效果
2009/09/09 Javascript
jQuery的强大选择器小结
2009/12/27 Javascript
jquery 图片截取工具jquery.imagecropper.js
2010/04/09 Javascript
javascript复制对象使用说明
2011/06/28 Javascript
在JS数组特定索引处指定位置插入元素
2014/07/27 Javascript
Javascript中获取对象的原型对象的方法小结
2015/02/25 Javascript
js HTML5手机刮刮乐代码
2020/09/29 Javascript
理解javascript async的用法
2017/08/22 Javascript
微信小程序组件之srcoll-view的详解
2017/10/19 Javascript
实现jquery放大镜的两种方法
2018/02/22 jQuery
基于Vue 服务端Cookies删除的问题
2018/09/21 Javascript
vue-router传递参数的几种方式实例详解
2018/11/13 Javascript
详解Vue-cli3.X使用px2rem遇到的问题
2019/08/09 Javascript
ES6基础之数组和对象的拓展实例详解
2019/08/22 Javascript
electron-vue开发环境内存泄漏问题汇总
2019/10/10 Javascript
基于JS实现计算24点算法代码实例解析
2020/07/23 Javascript
python3.3实现乘法表示例
2014/02/07 Python
Python实现的石头剪子布代码分享
2014/08/22 Python
Python3中使用urllib的方法详解(header,代理,超时,认证,异常处理)
2016/09/21 Python
python3实现抓取网页资源的 N 种方法
2017/05/02 Python
django用户登录和注销的实现方法
2018/07/16 Python
PyQt5 QTable插入图片并动态更新的实例
2019/06/18 Python
印度第一网上礼品店:IGP.com
2020/02/06 全球购物
说出数据连接池的工作机制是什么?
2013/04/19 面试题
一份Java笔试题
2012/02/21 面试题
求职者应聘的自我评价
2013/10/16 职场文书
数控技术专业推荐信
2013/11/01 职场文书
高二物理教学反思
2014/02/08 职场文书
聘用意向书
2014/07/29 职场文书
四查四看整改措施
2014/09/19 职场文书
2015年感恩母亲节活动方案
2015/05/04 职场文书
CSS3 天气图标动画效果
2021/04/06 HTML / CSS
django注册用邮箱发送验证码的实现
2021/04/18 Python
Github 使用python对copilot做些简单使用测试
2022/04/14 Python