如果直接修改v-model的值不会触发方法search要自己手动调用
<input type="text" placeholder="搜索歌曲、歌手、专辑" v-model="keywords" v-throttle="search">
directives: {
//函数节流 监控输入框 提高性能
throttle: {
// 指令的定义
inserted: function (el, obj) {
let timerId = null
let flag = true
el.addEventListener('input', function () {
if (!flag) return
flag = false
timerId && clearTimeout(timerId)
timerId = setTimeout(function () {
flag = true
obj.value()
}, 1000)
})
}
}
},
methods:{
search(){
console.log("123");
},
selectHot(name){
this.keywords = name
//手动调用方法search 直接修改不会主动调用
this.search()
}
},