路由跳转中的传参问题

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

路由跳转有两种方式:

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 @   小流浪cc  阅读(219)  评论(0编辑  收藏  举报
编辑推荐:
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
阅读排行:
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
点击右上角即可分享
微信分享提示