VUE--query 方式传参和接收参数

今天接到一个需求是：URL地址中带有参数aa话，则填到input搜索框中，同时触发查询按钮。

因为是vue框架，可以使用query的传参方法处理
传参: this.$router.push({ path:'/xxx' query:{ aa:id } }) 

首先找到点击事件调用的接口方法，在调用的地方使用

this.$router.push({ path:'/xxx(路径尾缀xxx)' query:{ aa:id{参数字段：搜索框中输入字段} } })

这样就得到url传的参数字段的值，并且赋值给搜索框中输入的字段中。

再在页面加载时触发的created中将url传的参数字段赋值给搜索框中输入的字段中，显示出来

created（）{

const 搜索框中输入的字段 =this.$route.query.参数字段;

if (keyword){

this.搜索框中输入的字段= 搜索框中输入的字段;

  this.点击事件调用的接口方法();

}

}