[英]Vuejs - On input, run a function (but with a delay)
我有一个输入字段,并且v-on:input
它运行一个名为activate
的方法,如下所示:
export default: {
data() {
return {
isHidden: true
}
},
methods: {
activate() {
this.isHidden = false;
}
}
}
isHidden
打开/关闭一些图标(这个数据属性是什么并不重要;我只是将它用于示例目的)。
所以目前,当用户进行input
它会立即打开activate
功能。 有没有办法让它通过setTimeout
延迟? 我尝试过以下操作,但它不起作用:
methods: {
setTimeout(function() {
activate() {
this.isHidden = false;
}
}, 500)
}
试试这个:
methods: {
activate() {
setTimeout(() => this.isHidden = false, 500);
}
}
或没有箭头功能:
methods: {
activate() {
var that = this;
setTimeout(function() { that.isHidden = false; }, 500);
}
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.