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


Posted in Javascript onJune 01, 2017

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

这样的话就行了

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

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

Javascript 相关文章推荐
JavaScript中使用构造函数实现继承的代码
Aug 12 Javascript
jquery插件NProgress.js制作网页加载进度条
Jun 05 Javascript
纯javascript实现图片延时加载方法
Aug 21 Javascript
Node.js巧妙实现Web应用代码热更新
Oct 22 Javascript
老生常谈JavaScript 函数表达式
Sep 01 Javascript
ASP.NET jquery ajax传递参数的实例
Nov 02 Javascript
浅谈javascript中的数据类型转换
Dec 27 Javascript
VUE axios上传图片到七牛的实例代码
Jul 28 Javascript
AngularJS监听ng-repeat渲染完成的方法
Mar 20 Javascript
JavaScript设计模式之工厂模式简单实例教程
Jul 03 Javascript
JS面向对象实现飞机大战
Aug 26 Javascript
仿照Element-ui实现一个简易的$message方法
Sep 14 Javascript
详解VUE 定义全局变量的几种实现方式
Jun 01 #Javascript
详解vue过滤器在v2.0版本用法
Jun 01 #Javascript
angularJs使用$watch和$filter过滤器制作搜索筛选实例
Jun 01 #Javascript
js随机生成一个验证码
Jun 01 #Javascript
JS实现简单抖动效果
Jun 01 #Javascript
深入理解vue中的$set
Jun 01 #Javascript
详解angular中的作用域及继承
May 31 #Javascript
You might like
一个基于PDO的数据库操作类(新) 一个PDO事务实例
2011/07/03 PHP
php简单计算年龄的方法(周岁与虚岁)
2016/12/06 PHP
利用php + Laravel如何实现部署自动化详解
2017/10/11 PHP
PHP实现将上传图片自动缩放到指定分辨率,并保持清晰度封装类示例
2019/06/17 PHP
JQuery与iframe交互实现代码
2009/12/24 Javascript
js 自定义的联动下拉框
2010/02/07 Javascript
浅谈Javascript嵌套函数及闭包
2010/11/09 Javascript
javascript游戏开发之《三国志曹操传》零部件开发(二)人物行走的实现
2013/01/23 Javascript
分享使用AngularJS创建应用的5个框架
2015/12/05 Javascript
基于Bootstrap实现tab标签切换效果
2020/04/15 Javascript
JavaScript中匿名函数的用法及优缺点详解
2016/06/01 Javascript
JS模拟的Map类实现方法
2016/06/17 Javascript
Angular的事件和表单详解
2016/12/26 Javascript
ng2学习笔记之bootstrap中的component使用教程
2017/03/09 Javascript
vue 开发一个按钮组件的示例代码
2018/03/27 Javascript
Vue 源码分析之 Observer实现过程
2018/03/29 Javascript
bootstrap-table实现表头固定以及列固定的方法示例
2019/03/07 Javascript
微信小程序下拉框搜索功能的实现方法
2019/07/31 Javascript
基于Echarts图表在div动态切换时不显示的解决方式
2020/07/20 Javascript
Python实现Tab自动补全和历史命令管理的方法
2015/03/12 Python
python简单实现旋转图片的方法
2015/05/30 Python
Python的Flask框架中集成CKeditor富文本编辑器的教程
2016/06/13 Python
更改Ubuntu默认python版本的两种方法python-&gt; Anaconda
2016/12/18 Python
Tensorflow环境搭建的方法步骤
2018/02/07 Python
Python+pandas计算数据相关系数的实例
2018/07/03 Python
win10下opencv-python特定版本手动安装与pip自动安装教程
2020/03/05 Python
Html5移动端获奖无缝滚动动画实现示例
2018/06/25 HTML / CSS
canvas学习笔记之绘制简单路径
2019/01/28 HTML / CSS
英国最大的电子产品和家电零售企业:Currys PC World
2016/09/24 全球购物
文件中有一组整数,要求排序后输出到另一个文件中
2012/01/04 面试题
广告设计专业自荐信范文
2013/11/14 职场文书
少先队入队活动方案
2014/02/08 职场文书
财务部副经理岗位职责
2014/03/14 职场文书
建筑工程质量通病防治方案
2014/06/08 职场文书
刘公岛导游词
2015/02/05 职场文书
新农村建设指导员工作总结
2015/08/13 职场文书