vue-meta / Inertia:标题在页面呈现之间是“未定义的”

Question

我使用的是Vue 2.6.12，Laravel和惯性。

当使用vue-meta修改元标题时，当加载任何页面时，它会瞬间显示'undefined‘。

Im使用惯性，因此路由在Laravels端，并使用惯性将Vue组件名称和数据传递到前端。

//app.js
new Vue({
    metaInfo: {
        titleTemplate: 'Inertia: %s'
    },
    render: h => h(App, {
        props: {
            initialPage: JSON.parse(el.dataset.page),
            resolveComponent: name => require(`./Pages/${name}`).default,
        },
    }),
}).$mount(el)

//Index.vue
export default {
    metaInfo: {
        title: 'User list'
    }
}

它通常可以工作，但在处理/接收/发送惯性请求时，它似乎停止工作。

我如何防止这种情况发生？

Answer 1

据我所知，你想要加载和操作html页面的元数据。

除非你在标题中创建一个槽，或者放置一个道具，这样每次你传递参数给它时，它都会随着布局的变化而改变。

最理想的做法是在路由器内部使用它：

    const routes = [
  {
    path: '/',
    name: 'Home',
    component: Home,
    meta: {
      title: 'Home Page - Example App',
      metaTags: [
        {
          name: 'description',
          content: 'The home page of our example app.'
        },
        {
          property: 'og:description',
          content: 'The home page of our example app.'
        }
      ]
    }
  }

我不精通英语。这真的对enter link description here有帮助吗？