好资源导航 » 文章资讯 » vue-router之nuxt动态路由设置的两种方法小结

vue-router之nuxt动态路由设置的两种方法小结

2023-09-07 22:54:07 73

方法一：router-link





{{user.nickname}}

注意：

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

2--正常路由别忘记带引号（本身是字符串）

方法二：函数式路由

1.在listItem设置一个函数go(id）,准备跳转到详情页

2.路径中加个参数即可

go(id){
this.$router.push({
path:'/comments/'+id,
});
}

以上这篇vue-router之nuxt动态路由设置的两种方法小结就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。