Javascript 移除v-on:以编程方式从元素(VueJs)中单击事件

Javascript 移除v-on:以编程方式从元素(VueJs)中单击事件,javascript,html,vue.js,vuejs2,jsonresult,Javascript,Html,Vue.js,Vuejs2,Jsonresult,如何从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">&l

如何从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>
但它不起作用

基本上,当用户注册其进入时间时,下一次他进入web时,该按钮必须被禁用

<template>
    <div class="button-wrapper">
        <button class="btn btn-secondary btn-block" :class="{'disabled': isDisabled}" @click="someMethodName"></button>
    </div>
</template>

<script>
export default 
{
    data()
    {
        return {
            isDisabled: false
        }
    },
    methods:
    {
        someMethodName()
        {
            setTimeout(() => {
                this.isDisabled = true;
            }, 3600);
        }
    }
}
</script>
但也许我不明白你的问题;>

但也许我不明白你的问题;>

如何从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>
一种简单的方法是仅在状态有效时调用事件处理程序

<button
  type="button"
  v-on:click="e => valid && onClickSubmit()"
>
  Sign Up
</button>
onClickSubmit仅在valid=true时执行

如何从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>
一种简单的方法是仅在状态有效时调用事件处理程序

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

只有当valid=true

disabled不是divs的属性时,才会执行onClickSubmit,因此设置disabled对您没有任何帮助。您是否尝试过语义,例如使用按钮?您必须使用setTimeOut函数创建一个方法。像setTimeOut=>{this.isDisabled=true;},3000;并使用动态类绑定。e、 g.:class={className:isDisabled}。还有一个建议:不要将jquery与vue/ang/react一起使用,我会尝试使用按钮。。。我希望它不是divs的属性,所以设置为disabled对您没有任何帮助。您是否尝试过语义,例如使用按钮?您必须使用setTimeOut函数创建一个方法。像setTimeOut=>{this.isDisabled=true;},3000;并使用动态类绑定。e、 g.:class={className:isDisabled}。还有一个建议:不要将jquery与vue/ang/react一起使用,我会尝试使用按钮。。。我希望它行得通谢谢,行得通。我使用:this.HoraIngresoDisabled=this.HoraIngreso!='00:00' ? 真:假;on.js和-:-on。cshtml@RaulMiranda伟大的享受吧谢谢,它起作用了。我使用:this.HoraIngresoDisabled=this.HoraIngreso!='00:00' ? 真:假;on.js和-:-on。cshtml@RaulMiranda伟大的享受吧