码迷,mamicode.com
首页 > 其他好文 > 详细

路由跳转中的传参问题

时间:2021-06-11 18:52:07      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:source   ring   传值   method   param   keyword   path   this   数据   

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

路由跳转有两种方式:

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}
      })
    },

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

路由跳转中的传参问题

标签:source   ring   传值   method   param   keyword   path   this   数据   

原文地址:https://www.cnblogs.com/xiaoliulang-cc/p/14874758.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!