Vue根据条件添加click事件的方式
更新时间：2019年11月09日 08:50:18 作者：zhangxhl
今天小编就为大家分享一篇Vue根据条件添加click事件的方式，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
需求：根据特定条件，增加或者去掉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事件的方式就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
vue提供了mixins、extends配置项，最近使用中发现很好用。下面小编通过本文给大家介绍下vue中 mixins和extends的巧妙用法，需要的朋友参考下吧2017-12-12
这篇文章主要介绍了Vue中监视属性和计算属性区别,通过本文学习大家知道computed与watch配置项问题，computed能完成的功能，watch都可以完成，本文通过实例代码给大家详细讲解，需要的朋友可以参考下2022-10-10
最近通过在网上查找资料，自己整合研究了一个可以直接在表格中操作数据的基于element-ui的前端模板。可以让增改数据的操作显得方便一点，感兴趣的可以了解一下2021-12-12
学习vue有一段时间了，最近使用vue做了一套后台管理系统，其中使用最多就是递归组件，下面这篇文章主要给大家介绍了关于Vue利用递归实现树形菜单的相关资料，文中通过示例代码介绍的非常详细，需要的朋友可以参考下2018-11-11
vue-router中的hash和history两种模式的区别
大家都知道vue-router有两种模式，hash模式和history模式，这里来谈谈vue-router中的hash和history两种模式的区别。感兴趣的朋友一起看看吧2018-07-07
这篇文章主要介绍了vue使用require.context实现动态注册路由的方法，帮助大家更好的理解和使用vue框架，感兴趣的朋友可以了解下2020-12-12
vue2 element 弹出框拖拽会出现一层阴影问题解决方法
这篇文章主要介绍了vue2 element 弹出框拖拽会出现一层阴影问题解决方法,因增加 draggable 属性导致我弹窗表单清空文本框时,从右向左选中字体会出现拖拽阴影效果,本文给大家介绍vue2 element 弹出框拖拽会出现一层阴影问题解决方法,感兴趣的朋友一起看看吧2024-01-01
近期项目需求相关地图限定使用百度地图,功能比较简单,下面这篇文章主要给大家介绍了关于Vue2项目中对百度地图的封装使用的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-06-06
关于iview按需引用后使用this.$Modal报错的解决
这篇文章主要介绍了关于iview按需引用后使用this.$Modal报错的解决，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-09-09
这篇文章主要给大家详细介绍一下Vue3中的基本语法，文中的示例代码讲解详细，对我们学习Vue3有一定的帮助，感兴趣的小伙伴可以了解一下2022-11-11
最新评论