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获取IUSR_机器名和IWAM_机器名帐号的密码
Dec 06 Javascript
javascript中的关于类型转换的性能优化
Dec 14 Javascript
Javascript的各种节点操作实例演示代码
Jun 27 Javascript
JavaScript实现x秒后自动跳转到一个页面
Jan 03 Javascript
html+css+js实现xp window界面及有关功能
Mar 26 Javascript
JavaScript实现数组在指定位置插入若干元素的方法
Apr 06 Javascript
js replace(a,b)之替换字符串中所有指定字符的方法
Aug 17 Javascript
详解vue-cli与webpack结合如何处理静态资源
Sep 19 Javascript
vue使用element-ui的el-input监听不了回车事件的解决方法
Jan 12 Javascript
Seajs源码详解分析
Apr 02 Javascript
用JS实现选项卡
Mar 23 Javascript
vue-cli脚手架的.babelrc文件用法说明
Sep 11 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 获取文件权限函数介绍
2013/07/11 PHP
php加密算法之实现可逆加密算法和解密分享
2014/01/21 PHP
fckeditor上传文件按日期存放及重命名方法
2015/05/22 PHP
WampServer搭建php环境时遇到的问题汇总
2015/07/23 PHP
PHP的APC模块实现上传进度条
2015/10/27 PHP
今天你说520了吗?不仅有php表白书还有java表白神器
2016/05/20 PHP
Yii中CGridView禁止列排序的设置方法
2016/07/12 PHP
ThinkPHP 3使用OSS的方法
2018/07/19 PHP
Laravel 模型关联基础教程详解
2019/09/17 PHP
利用ASP发送和接收XML数据的处理方法与代码
2007/11/13 Javascript
VBS通过WMI监视注册表变动的代码
2011/10/27 Javascript
jQuery 中使用JSON的实现代码
2011/12/01 Javascript
javascript游戏开发之《三国志曹操传》零部件开发(二)人物行走的实现
2013/01/23 Javascript
jQuery层次选择器选择元素使用介绍
2013/04/18 Javascript
js函数内变量的作用域分析
2015/01/12 Javascript
jQuery解决input超多的表单提交
2015/08/10 Javascript
javascript中日期函数new Date()的浏览器兼容性问题
2015/09/05 Javascript
实现React单页应用的方法详解
2016/08/02 Javascript
使用JS读取XML文件的方法
2016/11/25 Javascript
vue实现ToDoList简单实例
2017/02/07 Javascript
vue2.0嵌套路由实现豆瓣电影分页功能(附demo)
2017/03/13 Javascript
移动端web滚动分页的实现方法
2017/05/05 Javascript
[03:44]2015国际邀请赛选手档案—Cloud9.NoTail
2015/07/28 DOTA
python strip()函数 介绍
2013/05/24 Python
python使用cPickle模块序列化实例
2014/09/25 Python
python 二分查找和快速排序实例详解
2017/10/13 Python
python分批定量读取文件内容,输出到不同文件中的方法
2018/12/08 Python
浅谈Python 多进程默认不能共享全局变量的问题
2019/01/11 Python
Python实现统计英文文章词频的方法分析
2019/01/28 Python
python开发实例之Python的Twisted框架中Deferred对象的详细用法与实例
2020/03/19 Python
什么是python的自省
2020/06/21 Python
HTML5 FileReader对象的具体使用方法
2020/05/22 HTML / CSS
给护士表扬信
2014/01/19 职场文书
护理专业学生职业生涯规划范文
2014/03/11 职场文书
求职信范文怎么写
2015/03/19 职场文书
团队拓展训练感想
2015/08/07 职场文书