您的位置:首页 > 产品设计 > UI/UE

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

2016-11-16 12:11 816 查看
传统的设置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的组件里面调用这个方法即可

写法是:

setTitle('XXOO')


这样的话就行了

全局变量的设置也一样,这里就不多说了……
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息