鍍金池/ 問答/HTML/ 如何在vue項(xiàng)目中改變index.html文件的title？

如何在vue項(xiàng)目中改變index.html文件的title？

現(xiàn)項(xiàng)目有一需求，要求導(dǎo)航到不同的路由時，同時改變index.html的title，請問如何實(shí)現(xiàn)？

<!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管理數(shù)據(jù)，后來發(fā)現(xiàn)首頁無法像.vue模板那樣寫
請各位支招，謝謝。

回答
編輯回答
卟乖

vue 的模板代碼只能在它的掛載點(diǎn)之內(nèi)使用，head 標(biāo)簽顯然在掛載點(diǎn)之外。
解決辦法很簡單，不要因?yàn)橛昧?Vue 或者其它什么框架就忘記了 Vanilla JS：

document.title = 'whatever you want'
2018年4月21日 18:41