如何从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>
我在从数据检索(从JsonResult)中通过创建的的VueJS方法调用的函数中对此进行了尝试:
$('#TxtHoraIngreso').parent().addClass(this.HoraIngreso !== '00:00' ? 'disabled' : '');
但这不起作用。
基本上,当用户注册其进入时间时,下次他进入网站时,必须停用该按钮。
答案 0 :(得分:2)
如何从div中删除v-on:click事件?
一种简单的方法是仅在状态有效时才调用事件处理程序。
<button
type="button"
v-on:click="e => valid && onClickSubmit()"
>
Sign Up
</button>
onClickSubmit()
仅在valid = true
答案 1 :(得分:1)
<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>
但是也许我不明白你的问题;>