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 相关文章推荐
ExtJs grid行 右键菜单的两种方法
Jun 19 Javascript
JQuery中form验证出错信息的查看方法
Oct 08 Javascript
Js控制滑轮左右滑动实例
Feb 13 Javascript
JavaScript模拟深蓝vs卡斯帕罗夫的国际象棋对局示例
Apr 22 Javascript
Javascript中replace()小结
Sep 30 Javascript
javascript实现二级级联菜单的简单制作
Nov 19 Javascript
基于JQuery的$.ajax方法进行异步请求导致页面闪烁的解决办法
May 10 Javascript
在Vue.js中使用Mixins的方法
Sep 12 Javascript
vue实现多个元素或多个组件之间动画效果
Sep 25 Javascript
JS数组去重的6种方法完整实例
Dec 08 Javascript
使用Jenkins部署React项目的方法步骤
Mar 11 Javascript
使用Vue-cli3.0创建的项目 如何发布npm包
Oct 10 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
jQuery 获取对象 根据属性、内容匹配, 还有表单元素匹配
2010/05/31 Javascript
ajax java 实现自动完成功能
2012/12/19 Javascript
利用javascript实现禁用网页上所有文本框,下拉菜单,多行文本域
2013/12/14 Javascript
网页实时显示服务器时间和javscript自运行时钟
2014/06/09 Javascript
基于jQuery实现的图片切换焦点图整理
2014/12/07 Javascript
使用jquery菜单插件HoverTree仿京东无限级菜单
2014/12/18 Javascript
NodeJS学习笔记之FS文件模块
2015/01/13 NodeJs
老生常谈Javascript中的原型和this指针
2016/10/09 Javascript
jquery实现图片切换代码
2016/10/13 Javascript
JavaScript原生实现观察者模式的示例
2017/12/15 Javascript
基于 flexible 的 Vue 组件:Toast -- 显示框效果
2017/12/26 Javascript
vue-router项目实战总结篇
2018/02/11 Javascript
使用layui定义一个模块并使用的例子
2019/09/14 Javascript
vue使用高德地图点击下钻上浮效果的实现思路
2019/10/12 Javascript
OpenLayers实现图层切换控件
2020/09/25 Javascript
[39:32]2014 DOTA2国际邀请赛中国区预选赛 TongFu VS DT 第二场
2014/05/23 DOTA
Python笔记(叁)继续学习
2012/10/24 Python
Python从MP3文件获取id3的方法
2015/06/15 Python
Python利用Beautiful Soup模块修改内容方法示例
2017/03/27 Python
Python三级菜单的实例
2017/09/13 Python
python处理csv中的空值方法
2018/06/22 Python
对Pycharm创建py文件时自定义头部模板的方法详解
2019/02/12 Python
Python3 实现减少可调用对象的参数个数
2019/12/20 Python
python实现马丁策略回测3000只股票的实例代码
2021/01/22 Python
加拿大高尔夫超市:Golf Town
2018/01/12 全球购物
瑞典快乐袜子:Happy Socks
2018/02/16 全球购物
计算机应用专业毕业生求职信
2013/10/24 职场文书
小学生中国梦演讲稿
2014/04/23 职场文书
党校毕业心得体会
2014/09/13 职场文书
关于十八大的演讲稿
2014/09/15 职场文书
2014年党员自我评议对照检查材料
2014/09/20 职场文书
生产车间主任岗位职责
2015/04/08 职场文书
神州牡丹园的导游词
2019/11/20 职场文书
MySQL中你可能忽略的COLLATION实例详解
2021/05/12 MySQL
pytorch model.cuda()花费时间很长的解决
2021/06/01 Python
一次SQL如何查重及去重的实战记录
2022/03/13 MySQL