平武建站

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

传统的设置title的方法是：document.title = ‘title'

成都创新互联公司是一家专注于做网站、网站建设与策划设计,卡若网站建设哪家好?成都创新互联公司做网站,专注于网站建设十余年,网设计领域的专业建站公司;建站业务涵盖:卡若等地区。卡若做网站价格咨询:18982081108

但是这种写法在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.on('load', function () {
       window.setTimeout(function () {
        $iframe.off('load').remove()
       }, 0)
      }).appendTo($body)
     }
    }

然后再需要设置title的组件里面调用这个方法即可

写法是：

setTitle('XXOO')

这样的话就行了

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

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持创新互联。


名称栏目：vue如何添加全局函数或全局变量以及单页面的title设置总结
新闻来源：http://pwwzsj.com/article/gipjch.html

其他资讯