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 相关文章推荐
Js之软键盘实现(js源码)
Jan 30 Javascript
Javascript入门学习资料收集整理篇
Jul 06 Javascript
百度 popup.js 完美修正版非常的不错 脚本之家推荐
Apr 17 Javascript
javascript的onchange事件与jQuery的change()方法比较
Sep 28 Javascript
JQuery.Ajax之错误调试帮助信息介绍
Jul 04 Javascript
jQuery实现鼠标移到元素上动态提示消息框效果
Oct 20 Javascript
js+html5实现可在手机上玩的拼图游戏
Jul 17 Javascript
JavaScript提高性能知识点汇总
Jan 15 Javascript
JS实现数组去重方法总结(六种方法)
Jul 14 Javascript
jQuery菜单实例(全选,反选,取消)
Aug 28 jQuery
微信小程序自定义模态弹窗组件详解
Dec 24 Javascript
Vue封装Axios请求和拦截器的步骤
Sep 16 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中截取字符串支持utf-8
2007/01/18 PHP
PHP数组循环操作详细介绍 附实例代码
2013/02/03 PHP
php中simplexml_load_file函数用法实例
2014/11/12 PHP
CI框架中cookie的操作方法分析
2014/12/12 PHP
php中$_POST与php://input的区别实例分析
2015/01/07 PHP
Laravel实现搜索的时候分页并携带参数
2019/10/15 PHP
javascript编程起步(第七课)
2007/02/27 Javascript
jQuery 核心函数以及jQuery对象
2010/03/23 Javascript
jQuery获取地址栏参数插件(模仿C#)
2010/10/26 Javascript
jQuery插件-jRating评分插件源码分析及使用方法
2012/12/28 Javascript
js实现DOM走马灯特效的方法
2015/01/21 Javascript
js判断子窗体是否关闭的方法
2015/08/11 Javascript
js实现上传图片预览方法
2016/10/25 Javascript
解析JavaScript模仿块级作用域
2016/12/29 Javascript
利用JavaScript的%做隔行换色的实例
2017/11/25 Javascript
vue 实现在函数中触发路由跳转的示例
2018/09/01 Javascript
javascript合并两个数组最简单的实现方法
2019/09/14 Javascript
Vue状态模式实现窗口停靠功能(灵动、自由, 管理后台Admin界面)
2020/03/06 Javascript
JS闭包原理及其使用场景解析
2020/12/03 Javascript
python根据开头和结尾字符串获取中间字符串的方法
2015/03/26 Python
Python实现数据库编程方法详解
2015/06/09 Python
python实现C4.5决策树算法
2018/08/29 Python
Python中openpyxl实现vlookup函数的实例
2020/10/28 Python
SmartBuyGlasses台湾:名牌眼镜,名牌太阳眼镜及隐形眼镜
2017/01/04 全球购物
英语自荐信常用语句
2013/12/13 职场文书
大众服装店创业计划书范文
2014/01/01 职场文书
护士毕业生自我鉴定
2014/02/08 职场文书
党的群众路线教育实践活动学习心得体会
2014/03/03 职场文书
法制宣传月活动总结
2014/04/29 职场文书
大学班级学风建设方案
2014/05/01 职场文书
感恩母亲节演讲稿
2014/05/07 职场文书
工厂标语大全
2014/10/06 职场文书
员工表扬信怎么写
2015/05/05 职场文书
Python下opencv库的安装过程及问题汇总
2021/06/11 Python
python中pymysql包操作数据库方法
2022/04/19 Python
Go调用Rust方法及外部函数接口前置
2022/06/14 Golang