欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2023-11-09 19:26:04
传统的设置title的方法是:document.title = ‘title' 但是这种写法在ios的微信上是不兼容的 这里设置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')

这样的话就行了

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

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