javascript - vue动态路由的参数如何动态定义？

问题描述

问 题

<li class="item" >
         <img src="../../assets/user.png"/>
         <router-link to="/user/hello" style="text-decoration: none;color: black">
           <span >{{mystatus}}</span>
         </router-link>
       </li>

我想实现router-link的to为/user/{{mystatus}} 应该如何实现将mystatus的值作为id传给user组件？
路由中定义如下：

   path: '/user/:id',
      name: user,
      component: user

解决方案

user 组件里直接 this.$route.params.id 就能直接获得当前路径下的对应的 id

<router-link :to="{ name: 'user', params: { id: myStatus }}"></router-link> ??

这篇关于javascript - vue动态路由的参数如何动态定义？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！