Vue点击事件执行多次

使用v-on:click绑定的事件如何移除

现在我的处理方式是:

<p @click="flag && clickEvent()"></p>

加上一个标志位来控制点击事件是否能触发.

也可以这样解决：

采用v-if解决：

<button v-if="!unbind" v-on:click="addClick">点击</button>
<button v-else >点击</button>

然后在data里添加unbind=false属性，需要解绑的时候将其设置为true