vue 如何添加全局函数或全局变量以及单页面的title设置总结

2019-11-19 16:26:52

字体：大中小

来源：转载

供稿：网友

传统的设置title的方法是：document.title = ‘title'

但是这种写法在iOS的微信上是不兼容的

这里设置title的方法是通过在百度搜索的所谓黑科技，避免了安卓和iOS的不兼容写法

首先在index.html中定义一个全局的函数：

var setTitle = function (title) {     var u = navigator.userAgent     var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1     var isiOS = !!u.match(//(i[^;]+;( U;)? CPU.+Mac OS X/)     if (isAndroid) {      document.title = title     } else if (isiOS) {      var $body = $('body')      document.title = title      var $iframe = $('<iframe src="/favicon.ico"></iframe>')      $iframe.on('load', function () {       window.setTimeout(function () {        $iframe.off('load').remove()       }, 0)      }).appendTo($body)     }    }

然后再需要设置title的组件里面调用这个方法即可

写法是：