VUE—路由拓展(导航传参)

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了VUE—路由拓展(导航传参)相关的知识,希望对你有一定的参考价值。

参考技术A         通过导航<router-link></router-link>加载组件时,将数据传递给组件,传递参数的方法有 query 和 params 两种

                query传参分为 path传参 和 name传参 ,会将数据拼接到 路径 上,刷新后数据 不会丢失

                params传参也可以分为 path传参 和 name传参。 当使用path传参时,与name传参的格式不同,但是,两种传参方式都 不会将数据拼接到路径上 ,刷新之后, 数据丢失 。

                当我们想使用params传参但是有不想刷新之后数据丢失,这个时候,就需要在路由中配置props,

        当然,在使用props之后,获取数据展示的写法也可以这样写

以上是关于VUE—路由拓展(导航传参)的主要内容,如果未能解决你的问题,请参考以下文章

Vue 路由组件传参的 8 种方式

路由传参并接收参数

Vue路由 -- 编程式导航

Vue12 VueRouter Part2 路由与传参

vue-router路由传参的几种方式-案例

Vue 路由引入和传参