首页 › Next.js论坛 › VUE修改每个页面title

年华似丶流水 發表於 2019-7-5 21:19:00

VUE修改每个页面title

<pre><code class="language-javascript">/index.js
routes: [
    {
      name:'home',
          path: '/home/:openname',
          component: Home,
          meta: {
            title: '首页'
      }
    }
]
</code></pre>
<pre><code class="language-javascript">//main.js
router.beforeEach((to, from, next) =&gt; {
/* 路由发生变化修改页面title */
if (to.meta.title) {
    document.title = to.meta.title;
}
next();
})
</code></pre>


</div>
<div id="MySignature" role="contentinfo">
    <div class="esa-post-signature">
<p>作者：Zou-Wang</p>
<p>出处：https://www.cnblogs.com/zouwangblog/
</p>
<p>本站使用「CC BY 4.0」创作共享协议，转载请在文章明显位置注明作者及出处。</p>
</div><br><br>
来源：https://www.cnblogs.com/zouwangblog/p/11140846.html

查看完整版本: VUE修改每个页面title