以编程方式从元素中删除 v-on:click 事件 (VueJs)

Question

如何从 div 中删除 v-on:click 事件？

<div v-on:click="RegistroT(1)" class="btn btn-secondary btn-block" 
         :disabled="HoraIngreso !== '00:00'">
     <i class="fa fa-clock-o"></i> 
     <span id="TxtHoraIngreso" v-text="HoraIngreso"></span>
</div>

我在从检索数据时创建的VueJS 方法调用的函数中尝试了此操作（从 JsonResult）：

$('#TxtHoraIngreso').parent().addClass(this.HoraIngreso !== '00:00' ? 'disabled' : '');

但这不起作用。

基本上，当用户注册他的进入时间时，下次他进入网络时该按钮必须被停用。

Answer 1

如何从 div 中删除 v-on:click 事件？

一种简单的方法是仅在状态有效时调用事件处理程序。

<button
  type="button"
  v-on:click="e => valid && onClickSubmit()"
>
  Sign Up
</button>

onClickSubmit()仅当以下情况时才会被执行valid = true