1. 程式人生 > >vue 如何新增全域性函式或全域性變數以及單頁面的title設定總結

vue 如何新增全域性函式或全域性變數以及單頁面的title設定總結

傳統的設定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')

這樣的話就行了

全域性變數的設定也一樣,這裡就不多說了……