如何用vue做一个只有5分钟时限的文本框,时限过后不可编辑

使textarea编辑过程只能持续5分钟,超过5分钟将禁止编辑操作。通过函数或者变量控制是否可以进行编辑

你可以写一个函数,绑定在文本框上,然后当点击事件触发的时候开始计时,超过五分钟之后把textarea的属性设置为只读即可。

搞个定时或延时 , 5分钟后把disabled 改为 true ;  什么时候开始计时, 就什么时候调用 onDisabledTextarea( ) ;  
<textarea :disabled="isDisable" cols="30" rows="10"></textarea>
data() {
    return {
            isDisable: false,
    }
},
methods: {
    onDisabledTextarea(){
        // 5秒后禁用文本域
        setTimeout(() => {
                this.isDisable = true;
        }, 1000 * 5);

    }
}