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遭遇CoffeeScript的时候 使用分享
Sep 17 Javascript
『jQuery』取指定url格式及分割函数应用
Apr 22 Javascript
javascript同页面多次调用弹出层具体实例代码
Aug 16 Javascript
JS动态添加与删除select中的Option对象(示例代码)
Dec 20 Javascript
对new functionName()定义一个函数的理解
May 22 Javascript
jQuery实现文件上传进度条特效
Aug 12 Javascript
JavaScript Length 属性的总结
Nov 02 Javascript
RequireJS多页面应用实例分析
Jun 29 Javascript
基于jQuery和Bootstrap框架实现仿知乎前端动态列表效果
Nov 09 Javascript
javascript实现简易计算器
Feb 01 Javascript
Vue添加请求拦截器及vue-resource 拦截器使用
Nov 23 Javascript
小程序Scroll-view上拉滚动刷新数据
Jun 21 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函数分享之curl方式取得数据、模拟登陆、POST数据
2014/06/04 PHP
PHP使用PDO连接ACCESS数据库
2015/03/05 PHP
PHP获取昨天、今天及明天日期的方法
2016/02/03 PHP
PHP 返回13位时间戳的实现代码
2016/05/13 PHP
深入浅出讲解:php的socket通信原理
2016/12/03 PHP
Laravel框架自定义验证过程实例分析
2019/02/01 PHP
js数据验证集合、js email验证、js url验证、js长度验证、js数字验证等简单封装
2010/05/15 Javascript
javascript学习笔记(五)正则表达式
2011/04/08 Javascript
javascript温习的一些笔记 基础常用知识小结
2011/06/22 Javascript
javascript模拟命名空间
2015/04/17 Javascript
JavaScript实现带标题的图片轮播特效
2015/05/20 Javascript
js兼容火狐获取图片宽和高的方法
2015/05/21 Javascript
JS从数组中随机取出几个数组元素的方法
2016/08/02 Javascript
JavaScript省市区三级联动菜单效果
2016/09/21 Javascript
JavaScript DOM节点操作实例小结(新建,删除HTML元素)
2017/01/19 Javascript
移动端web滚动分页的实现方法
2017/05/05 Javascript
angularjs实现过滤并替换关键字小功能
2017/09/19 Javascript
Vue注册组件命名时不能用大写的原因浅析
2019/04/25 Javascript
vue-cli3 项目优化之通过 node 自动生成组件模板 generate View、Component
2019/04/30 Javascript
JS 获取文件后缀,判断文件类型(比如是否为图片格式)
2020/05/09 Javascript
微信小程序实现发微博功能的示例代码
2020/06/24 Javascript
在Python中操作时间之mktime()方法的使用教程
2015/05/22 Python
python2.7 mayavi 安装图文教程(推荐)
2017/06/22 Python
详解Python文本操作相关模块
2017/06/22 Python
浅谈python中的正则表达式(re模块)
2017/10/17 Python
python实现外卖信息管理系统
2018/01/11 Python
PyQt5的PyQtGraph实践系列3之实时数据更新绘制图形
2019/05/13 Python
python ChainMap的使用和说明详解
2019/06/11 Python
keras model.fit 解决validation_spilt=num 的问题
2020/06/19 Python
家长评语大全
2014/01/22 职场文书
毕业大学生自荐信
2014/06/17 职场文书
正风肃纪剖析材料范文
2014/10/10 职场文书
三下乡个人总结
2015/03/04 职场文书
车间安全生产管理制度
2015/08/06 职场文书
Python 文本滚动播放器的实现代码
2021/04/25 Python
HTML中的表单元素介绍
2022/02/28 HTML / CSS