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 使用addRoutes动态添加路由及刷新页面跳转404路由的问题解决方案
我自己使用addRoutes动态添加的路由页面,使用router-link标签可以跳转,但是一刷新就会自动跳转到我定义的通配符 * 指向的404路由页面,这说明没有找到指定路由才跳到404路由的,这样的情况如何处理呢,下面小编给大家分享解决方案,一起看看吧2023-10-10
vue router总结 $router和$route及router与 router与route区别
这篇文章主要介绍了vue router总结 $router和$route及router与 router与route区别，本文给大家介绍的非常详细，具有一定的参考借鉴价值 ,需要的朋友可以参考下2019-07-07
本篇文章主要介绍了vue.js国际化 vue-i18n插件的使用详解，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-07-07
本篇文章主要介绍了详解Vue 非父子组件通信，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2021-10-10
Electron也可以快速地将你的网站打包成一个原生应用发布,下面这篇文章主要给大家介绍了关于Electron集成React和Vue的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考下2022-08-08
这篇文章主要介绍了mpvue将vue项目转换为小程序的相关资料及mpvue开发流程，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下2018-09-09
这篇文章主要介绍了对vue中的input输入框进行邮箱验证方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2023-10-10
这篇文章主要介绍了vue 修改vant自带的样式过程，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-04-04
这篇文章主要介绍了vue 解决在微信内置浏览器中调用支付宝支付的情况，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-11-11
在vue中使用css modules替代scroped的方法
本篇文章主要介绍了在vue中使用css modules替代scroped的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-03-03
最新评论