How to add click events according to conditions

need:According to specific conditions, add or remove click events (for example: when clickFlag == true, add click events; when clickFlag == false, remove click events;)

Solution:

Method 1: Add the label value clickFlag directly in the binding event

<div @click="clickFlag && addGoodsHandler()">
 Add products
</div>

Method 2: Use v-if, v-else-if, v-else to judge

<div v-if="clickFlag" @click="addGoodsHandler()">
 Add products
</div>
<div v-else>
 Add products
</div>

The above method of adding click events to Vue according to conditions is all the content I share with you. I hope you can give you a reference and I hope you can support me more.