现项目有一需求,要求导航到不同的路由时,同时改变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模板那样写
请各位支招,谢谢。
vue 的模板代码只能在它的挂载点之内使用,head 标签显然在挂载点之外。
解决办法很简单,不要因为用了 Vue 或者其它什么框架就忘记了 Vanilla JS: