背景
想用watch来监视input标签的值,但是发现总是慢一步,比如:我输入123,但是在watch里赋值却是12
错误示例
watch:{
searchValue(oldV,newV){
this.$store.state.userManage.filters.searchCondition=newValue
console.log(this.$store.state.userManage.filters.searchCondition)
}
}
错误原因
handler传入的参数依次是 新的值、旧值。我把顺序搞反了。
解决示例
watch:{
searchValue(newV,oldV){
this.$store.state.userManage.filters.searchCondition=newValue
}
}
本文介绍了一个常见的Vue.js应用中watch监听器使用错误及其修正方法。作者原本希望在输入框值变化时同步更新store中的状态,但发现监听到的值总是比实际输入的值滞后。问题在于watch回调函数中参数顺序的颠倒,正确的顺序应为新值在前,旧值在后。通过调整参数顺序,可以确保实时获取到最新的输入值。
2575

被折叠的 条评论
为什么被折叠?



