当前位置: 代码迷 >> 综合 >> 组件传值-route.param
  详细解决方案

组件传值-route.param

热度:46   发布时间:2023-11-25 02:07:38.0

1.通过指定params传递路径参数

<router-link :to="{name:'send',params:{userid:123123}}">sendKeys</router-link>
<router-view></router-view>

2.在route配置中使用:param的方式声明参数名称

 path: "/send/:userid",component: SendKeys,name: "send",

3.获取参数:$route.params.name

{
   { $route.params.userid }}

方式二

1.通过 props 解耦

path: "/send/:userid",
component: SendKeys,
name: "send",
props:true

2.如果 props 被设置为 true,route.params 将会被设置为组件属性。

export default {
    name: "SendKeys",props:['userid']
}

3.获取属性

{
    {
    userid}}
  相关解决方案