传统的设置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')

这样的话就行了

全局变量的设置也一样,这里就不多说了……

Logo

前往低代码交流专区

更多推荐