怎么在vue-router中设置nuxt动态路由

　　介绍

这篇文章给大家介绍怎么在vue-router中设置nuxt动态路由,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。

<强>方法一:router-link

& lt; div 类=皊lide-item", v=皍ser 拷贝shareData.users"比; 　　 　　,& lt; nuxt-link :=? # 39;/社区/会员/& # 39;+,user.id"比; 　　& lt;才能img  src=https://www.yisu.com/zixun/static/head.png " alt=" "> 　　{{user.nickname}}

　　 　　 　　

<强>注意:

1————前面别忘记加一个冒号,作为动态路径,用变量理解

2——正常路由别忘记带引号(本身是字符串)

<强>方法二:函数式路由

<强> 1。在列设置一个函数(id),准备跳转到详情页

& lt; div 类=癿ov-container", v=癷tem  shareData.moments"拷贝,在 　　,& lt; div 类=癿ov-item",在 　　& lt;才能div 类=癿ov-img", v=皃hoto  item.moment.medias"拷贝,@click=叭?item.moment.id)“比; 　　,才能& lt; img  https://www.yisu.com/zixun/assets/image/player.png: src=" alt=" " class="玩家"> 　　
　　
{{item.moment.content}}
　　
　　
{{item.user.nickname}}
　　
{{item.moment。像}}