vue 如何添加全局函數(shù)或全局變量以及單頁面的title設(shè)置總結(jié)

發(fā)布時間：2020-09-11 16:18:11 來源：腳本之家閱讀：201 作者：莎莉哇欄目：web開發(fā)

傳統(tǒng)的設(shè)置title的方法是：document.title = ‘title'

但是這種寫法在iOS的微信上是不兼容的

這里設(shè)置title的方法是通過在百度搜索的所謂黑科技，避免了安卓和iOS的不兼容寫法

首先在index.html中定義一個全局的函數(shù)：

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)
     }
    }

然后再需要設(shè)置title的組件里面調(diào)用這個方法即可

寫法是：

setTitle('XXOO')

這樣的話就行了

全局變量的設(shè)置也一樣，這里就不多說了……

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持億速云。

向AI問一下細節(jié)

vue 如何添加全局函數(shù)或全局變量以及單頁面的title設(shè)置總結(jié)

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標簽