Question

我正在使用Vue Webpack模板：vue init webpack router-app

在“ router-app / src / router / index.js”中设置元标题：

export default new Router({
  mode: 'history',
  routes: [
    {
      path: '*',
      component: NotFoundComponent
    },
    {
      path: '/',
      name: 'LoginPage',
      meta: { title: 'Home', bodyClass: 'dashboard' },
      component: LoginPage
    }
  ]
})

LoginPage.vue：

<template>
  <form>
  ...
  </form>
</template>

<script>
export default {
  name: 'LoginPage',
  data () {
    return {
      msg: 'Login Page'
    }
  }
}
</script>

但这根本不影响我的元标题。在vue开发工具（Chrome）中，我可以看到$route具有我的元标记。

Answer 1

如果您不包括导航卫士，那么这是一篇很棒的文章here中的函数。而且工作正常。

如果只需要更改标题，您可以这样做

contentView

将此内容插入您的UIScrollView或（如果不是meta: { title: 'About Page - Example App' }中）

route.js

如果您还需要更改元标记的名称和其他名称，则需要完整的功能以提高灵活性

app.js

元标记不适用于Vue-router

1 个答案: