如何解决Vue动态修改网页时出现的问题？

本文共计763个文字，预计阅读时间需要4分钟。

业务需求，进入页面时，网页有一个默认。加载的网页内容不同时，需要相应更新。例如：功能授权，功能授权（张三）。Vue下有多种方式去修改网页，以下总结几种解决此问题的方法：

业务需求，进入页面的时候，网页有个默认标题，加载的网页内容不同时，标题需要变更. 例:功能授权，功能授权(张三).

Vue下有很多的方式去修改网页标题，这里总结下解决此问题的几种方案:

一、最笨方案

结合业务直接在Vue生命周期函数 created 和 mounted 中，给 document.title赋值。

<script> import axios from 'axios' export default { created () { document.title = '功能授权' }, mounted() { axios.get('***').then((d)=>{ document.title = '功能授权('+ d.Name + ')' }) } } </script>

二、普通方案，使用Vue-Router的beforeEach拦截

项目中使用了Vue Router，在路由文件 index.js 中给需要的路由添加 title。