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')
这样的话就行了
全局变量的设置也一样,这里就不多说了……
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
下一篇: 详细讲解vue2+vuex+axios