关于搜索栏双向绑定出错问题

我们一帮都会给搜索栏进行双向数据绑定,然后点击搜索之后,把表单的数据,当做参数发起请求,

但是这样会出现一种情况:当我们在搜索栏输入了内容,但是没有点击搜索,这个时候切换当前的分页,就会出现默认搜索当前的值的情况,

解决方案 :,表单绑定的值和发送的请求,使用不一样的参数

 当点击了搜索按钮,把表单的值赋值给API,如果没有点击搜索,则不会携带表单的数据

        this.API = { ...this.fromData }
        this.API.chkState = undefined
        this.fnchoice()//发起请求
--------------------------------------------
 const res = await choice(this.API)//发起ajax请求.参数是this.API
        console.log('fnchoice', res)
        this.alllist = res.data.items
        this.counts = res.data.counts

注意我的用法,我没有直接把this.fromData 赋值给API.而是解构之后,在赋值的,

原因是,直接赋值,虽然第一次可以解决分页的问题.但是当你点击的搜索按钮之后,再在搜索框输入查询值不点击搜索,这时候点击分页时,还是会查询搜索框中的值,所以不能直接赋值地址