美文网首页
路由传参

路由传参

作者: 沃德麻鸭 | 来源:发表于2021-08-26 17:34 被阅读0次

$route只读参数对象,$router只写路由对象

有三种传值方式:

this.$router.push传值(编程式导航):

params传值就需要设置name属性,且不可以与path搭配使用,但是会出现数据丢失问题;

params

query传值既可以和path搭配也可以和name搭配;

query

router-link传值(声明式导航):

它类似于a标签,在:to后面通过params和query传值;

<router-link :to="{name:xxx,params:{key:value}}">valueString</router-link>

还有通过直接在URL传值:

在URL的路由地址后面加‘/:参数’来进行传参,不用设置params和query,用来解决刷新页面数据的丢失问题

URL传值

相关文章

  • Vue实战第二天

    路由组件传参 动态路由传参 静态路由传参 函数传参htm5 history 模式 设置通用路由,找不到页面跳转自定...

  • vue路由 filters方法和filter过滤用法总结

    限制单行文字长度 路由传参写法 ---- 声明式 路由传参写法 ---- 编程式 路由传参写法 ---- 路由里要...

  • Next.js 跳转传参并接收接参

    介绍路由传参,接参使用方法 传参 + 跳转页面接收参数 动态路由传参 + 跳转页面接收参数创建动态路由在pag...

  • vue-router

    路由安装 路由配置 路由跳转 路由传参-param使用params传参只能使用name进行引入http://loc...

  • Vue 动态路由

    动态路由 动态路由传参

  • vue中组件3种编程式路由跳转传参

    路由传参 1、路由配置传参(刷新页面不会丢失参数,url会携带参数) A组件跳转B组件传参A组件 路由配置 B组件...

  • vue路由传参.md

    两种传参方法 1.命名路由传参(name, params方式) 2.路由路径传参(path, query方式...

  • 路由传参

    路由传参

  • 八、Flutter路由

    目录一、基本路由二、基本路由传参三、命名路由四、命名路由传参五、替换路由六、返回到根路由 一、基本路由 跳转到De...

  • vue-router传参

    1.params params传参 2.router-link query传参 3.路由传参

网友评论

      本文标题:路由传参

      本文链接:https://www.haomeiwen.com/subject/keczbltx.html