vue.js - Vue.js 路由参数

Question

我在一个刚开始工作的项目中看到了一行代码。所以，我对 Vue.js 有点陌生。代码如下：

 routes: [{
    path: '/coursePage/:contentId/:title?',
    name: 'coursePage',
    component: coursePage,
    meta: {requireAuth: false}
  },

路线参数 - contentId 工作正常，但我不知道的目的？在参数中 - 标题？谁能帮我理解这一点？谢谢。

标签： vue.jsvue-router

Answer 1

最后一个?意味着这个参数是可选的。

vue-router如果您在构建动态路由时不传递此参数，则不会抱怨。

你可以做

this.$router.push({
    name: coursePage,
    params: { contentId: 1 }
})

或者

this.$router.push({
    name: coursePage,
    params: { contentId: 1, title: 2 }
})