如何在vue项目中改变index.html文件的title?

现项目有一需求,要求导航到不同的路由时,同时改变index.html的title,请问如何实现?

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <title>{{title}}</title>
</head>
<body>
    ......
    <script>
        export default{
            data(){
                return{
                    title: "这是一个测试"
                }
            }
        }
    </script>
</body>
</html>

我本想通过vuex管理数据,后来发现首页无法像.vue模板那样写
请各位支招,谢谢。

阅读 12.4k
1 个回答

vue 的模板代码只能在它的挂载点之内使用,head 标签显然在挂载点之外。
解决办法很简单,不要因为用了 Vue 或者其它什么框架就忘记了 Vanilla JS:

document.title = 'whatever you want'
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题