vue 如何新增全域性函式或全域性變數以及單頁面的title設定總結
阿新 • • 發佈:2019-01-03
傳統的設定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')
這樣的話就行了
全域性變數的設定也一樣,這裡就不多說了……