同标题,发现有时可以搜索,有时无法触发搜索,后来发现是如果不失焦,是不会触发后台接口去请求数据的;
因此用watch监听了数据的变化,然后用js失焦
watch: {
"formData.name": {
handler(newVal, oldVal) {
if (this.isIE9) {
// ie9的操作
if (oldVal) {
if (newVal != oldVal) {
this.clearTimer();
this.timer = setTimeout(function() {
$("#autocompleteInput").blur();
$("#autocompleteInput").focus();
}, 5000);
}
}
}
},
deep: true
// 代表在wacth里声明了firstName这个方法之后立即先去执行handler方法
// immediate: true
}
}
autocompleteInput为远程搜索的DOM元素
这样可以让其触发搜索,但是仍有搜索时不连贯,输入被失焦打断的问题需解决