Vue条件に応じてclickイベントを追加する方式

564 ワード

要求:特定の条件によって、clickイベント(例えば、clickFlagh==trueの場合、clickイベントを追加します。clickFlags==falseの場合、clickイベントを除く;)
解決方法:
方式一:バインディングイベントに直接標示量clickFlagsを追加する

<div @click="clickFlag && addGoodsHandler()">
     
</div>
方式二:v-i、v-else-i、v-elseで判断する。

<div v-if="clickFlag" @click="addGoodsHandler()">
     
</div>
<div v-else>
     
</div>
以上のVueは条件によってclick事件を追加する方式で、小編は皆さんに全部の内容を共有しています。参考にしてもらいたいです。どうぞよろしくお願いします。