需求:修改框中的信息
![动态修改Vue项目中的页面title-青梅煮码](https://i-blog.csdnimg.cn/blog_migrate/92652c0dcc4de223dcaa70f83f569b02.png)
一、在main.js中:
// 设置浏览器标题
Vue.directive('title', {
inserted: function (el, binding) {
document.title = el.dataset.title
}
})
二、在某个页面最大的div上:
![动态修改Vue项目中的页面title-青梅煮码](https://i-blog.csdnimg.cn/blog_migrate/64bd21e6b298a0796e23e3d6b82ea8e2.png)
加上以下代码:
v-title data-title="测试title"
效果:
![动态修改Vue项目中的页面title-青梅煮码](https://i-blog.csdnimg.cn/blog_migrate/567d71e999bb1b173fa39c1d776de79a.png)
最简洁方法:
![动态修改Vue项目中的页面title-青梅煮码](https://i-blog.csdnimg.cn/blog_migrate/8ebbc53656e3967ec2a7ca76cea5ce93.png)
// 设置浏览器标题
Vue.directive('title', {
inserted: function (el, binding) {
document.title = el.dataset.title
}
})
加上以下代码:
v-title data-title="测试title"