Nuxt.js通过路由器将道具传递给页面组件

时间:2020-10-31 22:21:27

标签: vue.js nuxt.js nuxtjs

关于Nuxt有一些问题。如您所知,您可以通过Vue路由器将道具传递到页面组件。

const router = new VueRouter({
  routes: [
    {
      path: '/promotion/from-newsletter',
      component: Promotion,
      props: { newsletterPopup: false }
    }
  ]
})

但是,使用nuxt,我向nuxt.config.js添加了自定义链接

extendRoutes(routes, resolve) {
      routes.push({
        name: "test",
        path: "/test",
        components: {
          default: resolve(__dirname, "pages/my-account/index.vue")
        },
        props: { activeBlock: "my-config" }
      });

我拥有道具的帐户页面

 props: {
    activeBlock: {
      type: String,
      default: "MyProfile"
    }
  },

这不起作用。道具会提供默认值,而不是传递的道具。我想念什么吗?

0 个答案:

没有答案