实现接口参数为空时不传参，刷新页面时参数重置问题

Posted 2023-05-17

参考技术A 如图，我们在Vue项目里面调用接口，如果此时用户进行了筛选且刷新页面时，Vue项目该页面默认的参数会重置为初始状态。
Vue页面默认值：

1.我们可以用路由携带参数的方式跳转这个页面,for···in循环这个对象，将没有进行筛选的参数在路由携带参数中去除掉。

2.进行路由监听，将要传的参数在原对象中去掉

vue路由传参及解决vue路由传参页面刷新参数丢失问题

参考技术A

Vue中给我们提供了三种路由传参方式，下面我们一个一个的来看一下：
注意：

以上传参方式基本上可以理解为ajax中的post请求方式，参数都是不可见的，但是该方法有一个弊端，就是当页面刷新后参数值会丢失！！！

以上两种方式是可以解决页面刷新参数消失问题的，query这种方式可以理解为是ajax中的get方法，参数是直接在url后面添加的，参数是可见的。