需要实现效果如下
![](https://img-blog.csdnimg.cn/img_convert/d95b83ddab9b999ef5587ae36a7cd41e.png)
首先修改路由文件
![](https://img-blog.csdnimg.cn/img_convert/798437e0aa18af5471c649bff82903f1.png)
具体页面配置
![](https://img-blog.csdnimg.cn/img_convert/05edb0647511edb829b56c4e47921f00.png)
![](https://img-blog.csdnimg.cn/img_convert/97a0be8111b1c0f5ed063d20ff7f730b.png)
v-title 不可或缺,不能去掉,已试过
路由代码
Vue.directive('title', {//单个修改标题
inserted: function (el, binding) {
document.title = el.dataset.title
}
})
页面部分代码
<template>
<div v-title :data-title="title">
</template>
<script>
export default {
name:'Agreement',
data() {
return {
title: '用户协议'
}
}
}
</script>