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

时间:2019-01-24 17:30:57

标签: 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"></span>
</div>

我在从数据检索(从JsonResult)中通过创建的的VueJS方法调用的函数中对此进行了尝试:

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

但这不起作用。

基本上,当用户注册其进入时间时,下次他进入网站时,必须停用该按钮。

2 个答案:

答案 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>

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