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

方法一:router-link

{{user.nickname}}

注意:

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

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

方法二:函数式路由

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

{{item.moment.content}}
{{item.user.nickname}}
{{item.moment.like}}

2.路径中加个参数即可

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

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

你可能感兴趣的:(vue-router之nuxt动态路由设置的两种方法小结)