vue 如何添加全局函数或全局变量以及单页面的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')
这样的话就行了
全局变量的设置也一样,这里就不多说了……
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
相关文章
vue-cli3+typescript新建一个项目的思路分析
这篇文章主要介绍了vue-cli3+typescript新建一个项目的思路,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下2019-08-08vue项目登录成功后退出时清空sessionId和userId的问题
这篇文章主要介绍了vue项目登录成功后退出时清空sessionId和userId的问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2023-12-12vue之“} expected“和“at-rule or selector ex
这篇文章主要介绍了vue之“} expected“和“at-rule or selector expected“报错的解决方案,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教2023-03-03vue 关闭浏览器窗口的时候,清空localStorage的数据示例
今天小编就为大家分享一篇vue 关闭浏览器窗口的时候,清空localStorage的数据示例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧2019-11-11element-plus报错ResizeObserver loop limit exceeded解决办法
这篇文章主要给大家介绍了关于element-plus报错ResizeObserver loop limit exceeded的解决办法,文中通过代码介绍的非常详细,对大家的学习或者工作具有一定的参考借鉴价值,需要的朋友可以参考下2023-07-07
最新评论