vue 路由拼接的问题

Question

<nuxt-link :to="item.titles">{{ item.titleOne }}</nuxt-link>

我想在这个路由也就是:to="item.titles"拼接一个/first
这样写不起作用啊 ？:to="item.titles/first"
请问一下改怎么写？

Answer 1

:to="item.titles + ’/first‘“

Answer 2

首先要在router下配置子项路由参考官网vue嵌套路由

Answer 3

1,配置routes里面 item.titles里面的path， 改成path:'item.titles/:first'
2,使用编程式路由来写, this.$router.push({name:'路由名'},params:{参数}) 这样写的话即使routes里面没配置也是可以跳转的

Answer 4

//:to 里面可以写表达式的
:to="item.titles + '/first'"