vue点击事件根据条件判断是否可以点击

需求：根据特定条件，增加或者去掉click事件（例如：clickFlag == true时，添加click事件；clickFlag == false时，去掉click事件；）解决方法：方式一：在绑定事件中直接添加标示量clickFlag<div @click="clickFlag && addGoodsHandler()">为真</div><div v

「已注销」

9674人浏览 · 2021-03-05 16:49:50

「已注销」 · 2021-03-05 16:49:50 发布

需求：根据特定条件，增加或者去掉click事件（例如：clickFlag == true时，添加click事件；clickFlag == false时，去掉click事件；）

解决方法：

方式一：在绑定事件中直接添加标示量clickFlag

<div @click="clickFlag && addGoodsHandler()"> 
    为真 
</div>
<div v-else>
    为假
</div>

方式二：用v-if 、v-else-if、v-else 判断

<div v-if="clickFlag" @click="addGoodsHandler()"> 
    为真
</div>
<div v-else> 
    为假 
</div>

很明显，第一种感觉更高级，用更少的代码完成功能，Write less，Do more

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^