路由跳转中的传参问题

------------恢复内容开始------------

路由跳转有两种方式:

1.通过params属性传值,该方法在跳转页面刷新时数据会丢失

methods: {
     /**
     * 跳转子菜单
     */
    goSub (param) {
      this.click = true
      this.$router.push({
        // path: `/${url}`
        name: 'Solutionunfold'
        ,params : {data:param}
      })
    },
  }
}

2.通过query属性传值,该方法页面刷新时数据不会丢失,但是会拼在URL后面,不够安全,一般只传一个参数用于跳转页面调接口:

以点击跳转为例子:

 @click="goSub(parameter1 , parameter2)"
/**
     * 跳转子菜单,通过query传参(多参数时)
     */
this.click= true
    goSub(parameter1, parameter2) {
      this.$router.push({
        path: '跳转路由名称',
        query: { parameter1: parameter1,
                     parameter2: parameter2}
      })
    },

------------恢复内容结束------------

posted @ 2021-06-11 13:37  小流浪cc  阅读(236)  评论(0)    收藏  举报