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 相关文章推荐
JavaScript入门教程(2) JS基础知识
Jan 31 Javascript
JS随即打乱数组实现代码
Dec 03 Javascript
JS实现当前页居中分页效果的方法
Jun 18 Javascript
javascript中的五种基本数据类型
Aug 26 Javascript
Bootstrap源码解读导航条(7)
Dec 23 Javascript
js中let和var定义变量的区别
Feb 08 Javascript
vue脚手架及vue-router基本使用
Apr 09 Javascript
vue-cli 引入、配置axios的方法
May 08 Javascript
微信小程序实现底部导航
Nov 05 Javascript
JavaScript中this用法学习笔记
Mar 17 Javascript
js实现3D旋转效果
Aug 18 Javascript
详解vue-router的导航钩子(导航守卫)
Nov 02 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页面间传递参数实例代码
2008/06/05 PHP
php curl模拟post请求小实例
2013/11/13 PHP
ThinkPHP调用百度翻译类实现在线翻译
2014/06/26 PHP
php实现上传图片保存到数据库的方法
2015/02/11 PHP
PHP数字前补0的自带函数sprintf 和number_format的用法(详解)
2017/02/06 PHP
php+resumablejs实现的分块上传 断点续传功能示例
2017/04/18 PHP
Laravel框架实现定时发布任务的方法
2018/08/16 PHP
JavaScript语句可以不以;结尾的烦恼
2007/03/08 Javascript
jQuery旋转插件—rotate支持(ie/Firefox/SafariOpera/Chrome)
2013/01/16 Javascript
Jquery 的outerHeight方法使用介绍
2013/09/11 Javascript
浏览器窗口加载和大小改变事件示例
2014/02/27 Javascript
JavaScript中用于四舍五入的Math.round()方法讲解
2015/06/15 Javascript
JS中常用的输出方式(五种)
2016/06/12 Javascript
浅谈jquery中使用canvas的问题
2016/10/10 Javascript
js中利用cookie实现记住密码功能
2020/08/20 Javascript
快速实现jQuery多级菜单效果
2017/02/01 Javascript
利用Javascript实现简单的转盘抽奖
2017/02/13 Javascript
Canvas实现动态的雪花效果
2017/02/13 Javascript
通过一个简单的例子学会vuex与模块化
2017/11/22 Javascript
jsonp实现百度下拉框功能的方法分析
2019/05/10 Javascript
jQuery实现带进度条的轮播图
2020/09/13 jQuery
python 解析XML python模块xml.dom解析xml实例代码
2014/02/07 Python
Python从MP3文件获取id3的方法
2015/06/15 Python
python的keyword模块用法实例分析
2015/06/30 Python
python检测是文件还是目录的方法
2015/07/03 Python
Collatz 序列、逗号代码、字符图网格实例
2017/06/22 Python
python3使用pyqt5制作一个超简单浏览器的实例
2017/10/19 Python
python判断设备是否联网的方法
2018/06/29 Python
使用浏览器访问python写的服务器程序
2019/10/10 Python
HTML5之HTML元素扩展(上)—新增加的元素及使用概述
2013/01/31 HTML / CSS
2014年小班元旦活动方案
2014/02/16 职场文书
妇女儿童发展规划实施方案
2014/03/16 职场文书
2014年教师学期工作总结
2014/11/08 职场文书
农村婚礼司仪主持词
2015/06/29 职场文书
Django项目配置Memcached和Redis, 缓存选择哪个更有优势
2021/04/06 Python
解决jupyter notebook启动后没有token的坑
2021/04/24 Python