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查看对象功能代码
Apr 25 Javascript
网站页面自动跳转实现方法PHP、JSP(下)
Aug 01 Javascript
JavaScript不刷新实现浏览器的前进后退功能
Nov 05 Javascript
JS自定义对象实现Java中Map对象功能的方法
Jan 20 Javascript
javascript实现省市区三级联动下拉框菜单
Nov 17 Javascript
AngularJS 让人爱不释手的八种功能
Mar 23 Javascript
关于javascript事件响应的基础语法总结(必看篇)
Dec 26 Javascript
深入探究AngularJs之$scope对象(作用域)
Jul 20 Javascript
js装饰设计模式学习心得
Feb 17 Javascript
Vue表单及表单绑定方法
Sep 04 Javascript
Vue.js计算机属性computed和methods方法详解
Oct 12 Javascript
如何利用node.js开发一个生成逐帧动画的小工具
Dec 01 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中的cookie
2006/11/26 PHP
phpphp图片采集后按原路径保存图片示例
2014/02/18 PHP
实现在同一方法中获取当前方法中新赋值的session值解决方法
2014/06/26 PHP
PHP使用range协议实现输出文件断点续传代码实例
2014/07/04 PHP
PHP链接MySQL的常用扩展函数
2014/10/23 PHP
phpcms配置列表页以及获得文章发布时间
2017/07/04 PHP
PHP手机号码及邮箱正则表达式实例解析
2020/07/11 PHP
PhpStorm2020.1 安装 debug - Postman 调用的详细教程
2020/08/17 PHP
表单(FORM)的一些实用效果代码
2007/03/25 Javascript
javascript中对Attr(dom中属性)的操作示例讲解
2013/12/02 Javascript
JavaScript中获取样式的原生方法小结
2014/10/08 Javascript
jQuery中addClass()方法用法实例
2015/01/05 Javascript
js获取域名的方法
2015/01/27 Javascript
JavaScript模拟重力状态下抛物运动的方法
2015/03/03 Javascript
BootStrap的双日历时间控件使用
2017/07/25 Javascript
通过js动态创建标签,并设置属性方法
2018/02/24 Javascript
JS代码实现电脑配置检测功能
2018/03/21 Javascript
NodeJs实现简易WEB上传下载服务器
2019/08/10 NodeJs
微信小程序 flexbox layout快速实现基本布局的解决方案
2020/03/24 Javascript
基于better-scroll 实现歌词联动功能的代码
2020/05/07 Javascript
JavaScript 实现继承的几种方式
2021/02/19 Javascript
老生常谈python之鸭子类和多态
2017/06/13 Python
从django的中间件直接返回请求的方法
2018/05/30 Python
python的concat等多种用法详解
2018/11/28 Python
Python lxml模块的基本使用方法分析
2019/12/21 Python
基于python及pytorch中乘法的使用详解
2019/12/27 Python
Python各种扩展名区别点整理
2020/02/27 Python
python用TensorFlow做图像识别的实现
2020/04/21 Python
anaconda3安装及jupyter环境配置全教程
2020/08/24 Python
HTML5跳转小程序wx-open-launch-weapp的示例代码
2020/07/16 HTML / CSS
欧洲著名的二手奢侈品网站:Vestiaire Collective
2020/03/07 全球购物
如何在Oracle中查看各个表、表空间占用空间的大小
2015/10/31 面试题
机关单位保密工作责任书
2015/05/11 职场文书
搭讪开场白台词大全
2015/05/28 职场文书
学术会议开幕词
2016/03/03 职场文书
码云(gitee)通过git自动同步到阿里云服务器
2022/12/24 Servers