Javascript 移除v-on:以编程方式从元素(VueJs)中单击事件
如何从div中删除v-on:click事件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="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=truedisabled不是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伟大的享受吧