基于Vue的SPA动态修改页面title的方法(推荐)-创新互联

最近基于VUE做个SPA手机端web发现动态修改页面标题通过document.title=xxxx 来修改着实蛋疼，而且在IOS的微信端据说没效果。百度发现要针对IOS的微信做点额外的操作，即：创建一个隐藏的Iframe，然后随便加载一个图片文件，然后加载完成移除，这样就能修改页面title了。网上有几种方案：

鹿寨网站制作公司哪家好，找创新互联！从网页设计、网站建设、微信开发、APP开发、成都响应式网站建设等网站项目制作，到程序开发，运营维护。创新互联从2013年开始到现在10年的时间，我们拥有了丰富的建站经验和运维经验，来保证我们的工作的顺利进行。专注于网站建设就选创新互联。

1，App.Vue里面设置title属性，然后页面title去绑定，所有子组件修改标题就通过 this.$root.data.title=xxxxx;去修改

缺点：App.Vue默认的el只是body的一个DIV，这样干需要绑定整个html

2，通过自定义指令实现

Vue.directive('title', {
 inserted: function (el, binding) {
 document.title = el.innerText
 el.remove()
 }
})

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

分享名称：基于Vue的SPA动态修改页面title的方法(推荐)-创新互联
分享URL：http://cdkjz.cn/article/decjdg.html