使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);
}
}