Vue根据条件添加click事件的方式

181 阅读 0 评论 120 点赞

我是靠谱客的博主优雅老鼠，最近开发中收集的这篇文章主要介绍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根据条件添加click事件的方式的全部内容，希望文章能够帮你解决Vue根据条件添加click事件的方式所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。