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 相关文章推荐
srcElement表格样式
Sep 03 Javascript
了解jQuery技巧来提高你的代码(个人觉得那个jquery的手册很不错)
Feb 10 Javascript
关于js注册事件的常用方法
Apr 03 Javascript
深入解析contentWindow, contentDocument
Jul 04 Javascript
ECMAScript5中的对象存取器属性:getter和setter介绍
Dec 08 Javascript
JS+CSS实现自动切换的网页滑动门菜单效果代码
Sep 14 Javascript
jQuery实现分隔条左右拖动功能
Nov 21 Javascript
JavaScript数组实现数据结构中的队列与堆栈
May 26 Javascript
JavaScript组成、引入、输出、运算符基础知识讲解
Dec 08 Javascript
Vue中v-show添加表达式的问题(判断是否显示)
Mar 26 Javascript
vueJs实现DOM加载完之后自动下拉到底部的实例代码
Aug 31 Javascript
在Vue中使用Select选择器拼接label的操作
Oct 22 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
ThinkPHP之M方法实例详解
2014/06/20 PHP
PHP+Mysql树型结构(无限分类)数据库设计的2种方式实例
2014/07/15 PHP
分享常见的几种页面静态化的方法
2015/01/08 PHP
yii2.0框架数据库操作简单示例【添加,修改,删除,查询,打印等】
2020/04/13 PHP
Javascript学习笔记7 原型链的原理
2010/01/11 Javascript
JS常用表单验证方法总结
2014/05/22 Javascript
深入理解JavaScript系列(43):设计模式之状态模式详解
2015/03/04 Javascript
JS实现黑客帝国文字下落效果
2015/09/01 Javascript
node安装--linux下的快速安装教程
2017/03/21 Javascript
微信小程序 开发之全局配置
2017/05/05 Javascript
微信小程序自定义组件实现tabs选项卡功能
2018/07/14 Javascript
Vue组件实现触底判断
2019/06/26 Javascript
jquery弹窗时禁止body滚动条滚动的例子
2019/09/21 jQuery
js实现页面图片消除效果
2020/03/24 Javascript
JavaScript Image对象实现原理实例解析
2020/08/26 Javascript
JS跨浏览器解析XML应用过程详解
2020/10/16 Javascript
[01:03:50]DOTA2-DPC中国联赛 正赛 CDEC vs DLG BO3 第二场 2月7日
2021/03/11 DOTA
Python编程中使用Pillow来处理图像的基础教程
2015/11/20 Python
浅谈python中的getattr函数 hasattr函数
2016/06/14 Python
python打包压缩、读取指定目录下的指定类型文件
2018/04/12 Python
python 识别图片中的文字信息方法
2018/05/10 Python
解决python爬虫中有中文的url问题
2018/05/11 Python
python执行精确的小数计算方法
2019/01/21 Python
python实现爬虫抓取小说功能示例【抓取金庸小说】
2019/08/09 Python
python数据库开发之MongoDB安装及Python3操作MongoDB数据库详细方法与实例
2020/03/18 Python
Python中实现输入一个整数的案例
2020/05/03 Python
Html5自定义字体解决方法
2019/10/09 HTML / CSS
Ted Baker英国官网:男士和女士服装及配件
2017/03/13 全球购物
ASOS英国官网:英国在线时装和化妆品零售商
2017/05/19 全球购物
节省高达65%的城市景点费用:Go City
2019/07/06 全球购物
求职简历中个人的自我评价
2013/12/25 职场文书
宝宝周岁宴答谢词
2014/01/26 职场文书
建筑工程质量通病防治方案
2014/06/08 职场文书
民主评议党员自我鉴定
2014/10/21 职场文书
离婚协议书范本2014
2014/10/27 职场文书
如何利用python实现Simhash算法
2022/06/28 Python