在Vue中取消反弹计算属性/getter
在Vue中取消反弹计算属性/getter
提问于 2017-06-27 13:09:32
我似乎不能去掉(lodash)计算属性或vuex getter。去抖动的函数总是返回未定义的。
https://jsfiddle.net/guanzo/yqk0jp1j/2/
HTML：
<div id="app">
<input v-model="text">
<div>computed: {{ textComputed }} </div>
<div>debounced: {{ textDebounced }} </div>
</div>JS：
new Vue({
el:'#app',
data:{
text:''
},
computed:{
textDebounced: _.debounce(function(){
return this.text
},500),
textComputed(){
return this.text
}
}
})Stack Overflow用户
发布于 2017-06-27 13:23:58
我不明白为什么去反跳函数在计算属性上不起作用。但是，另一种解决方案是将去抖动放在methods部分中的函数上，并通过watch调用它。
https://jsfiddle.net/vsc4npv3/
HTML：
<div id="app">
<input v-model="text">
<div>computed: {{ textComputed }} </div>
<div>debounced: {{ debouncedText }} </div>
</div>JavaScript：
var x = new Vue({
el:'#app',
data:{
text:'',
debouncedText: ''
},
watch: {
text: function (val) {
this.debouncer();
}
},
computed:{
textComputed(){
return this.text;
}
},
methods: {
debouncer: _.debounce(function(){
this.debouncedText = this.text;
},500)
}
})页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/44772629
复制相关文章
相似问题
腾讯云开发者
