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>

• 方式三：在click事件中进行变量判断

<div @click="addGoodsHandler">
    添加产品
</div>

addGoodsHandler () {
  if (!this.clickFlag) {
    return false;
  }
  // 巴拉巴拉
}