如何判断搜索值是否有变化?
vue中,实现一个搜索框和一个按钮
搜索框内输入搜索值,输入完后点击按钮,触发某个动作,
如果多次点击按钮,用户输入的搜索值可能为空或者重新输入新的内容,
在这种情况下,我需要判断搜索值是否有变化,
如果有变化,不管是空值还是新值,我都触发某个动作,
如果没变化,还是旧值,我就不做任何动作
这时候我是否需要watch监听,但我尝试过,把watch方法放到点击事件中,在还没来得及点按钮时,watch已经监听了搜索值,因为用户在输入一个字符就立即执行了监听,有什么办法让watch监听在点击按钮后才开始监听搜索值?
onSearch是绑定点击按钮事件
const onSearch = () => {
watch(
() => state.searchValue,
(newValue, oldValue) => {
console.log(newValue, oldValue); // 在input内输入时就已经执行了
}
);
};
12
收起
正在回答 回答被采纳积分+1
2回答
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星