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

Question

如题所述

Answer 1

因为是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.点击事件调用的接口方法();

}

}