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 OFFICE控件测试代码
Dec 08 Javascript
Knockout数组(observable)使用详解示例
Nov 15 Javascript
javascript实现tab响应式切换特效
Jan 29 Javascript
基于javascript简单实现对身份证校验
Jan 25 Javascript
浅析JS获取url中的参数实例代码
Jun 14 Javascript
Javascript中的对象和原型(二)
Aug 12 Javascript
微信小程序 progress组件详解及实例代码
Oct 25 Javascript
Three.js利用顶点绘制立方体的方法详解
Sep 27 Javascript
Angular4集成ng2-file-upload的上传组件
Mar 14 Javascript
vue axios基于常见业务场景的二次封装的实现
Sep 21 Javascript
详解写好JS条件语句的5条守则
Feb 28 Javascript
JS中作用域以及变量范围分析
Jul 18 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
PHP设计模式之委托模式定义与用法简单示例
2018/08/13 PHP
PHP 自动加载类原理与用法实例分析
2020/04/14 PHP
弹出广告特效(一个IP只弹出一次)的代码
2007/07/27 Javascript
读jQuery之十一 添加事件核心方法
2011/07/31 Javascript
jquery实现漂浮在网页右侧的qq在线客服插件示例
2013/05/13 Javascript
jQuery(js)获取文字宽度(显示长度)示例代码
2013/12/31 Javascript
JavaScript jQuery 中定义数组与操作及jquery数组操作
2015/12/18 Javascript
JS实现简单易用的手机端浮动窗口显示效果
2016/09/07 Javascript
js调用父框架函数与弹窗调用父页面函数的简单方法
2016/11/01 Javascript
详解Vue 实例中的生命周期钩子
2017/03/21 Javascript
JavaScript切换搜索引擎的导航网页搜索框实例代码
2017/06/11 Javascript
浅析node Async异步处理模块用例分析及常用方法介绍
2017/11/17 Javascript
js实现控制文件拖拽并获取拖拽内容功能
2018/02/17 Javascript
vuejs 动态添加input框的实例讲解
2018/08/24 Javascript
详解vue-cli 3.0 build包太大导致首屏过长的解决方案
2018/11/10 Javascript
vue ssr 实现方式(学习笔记)
2019/01/18 Javascript
使用VueRouter的addRoutes方法实现动态添加用户的权限路由
2019/06/03 Javascript
小程序实现长按保存图片的方法
2019/12/31 Javascript
Js on及addEventListener原理用法区别解析
2020/07/11 Javascript
[08:02]DOTA2牵红线 zhou神抱得美人归
2014/03/22 DOTA
[02:32]DOTA2亚洲邀请赛 C9战队出场宣传片
2015/02/07 DOTA
python调用shell的方法
2013/11/20 Python
python使用pil生成图片验证码的方法
2015/05/08 Python
详解python算法之冒泡排序
2019/03/05 Python
Pandas之DataFrame对象的列和索引之间的转化
2019/06/25 Python
css3中flex布局宽度不生效的解决
2020/12/09 HTML / CSS
canvas绘制文本内容自动换行的实现代码
2019/01/14 HTML / CSS
什么是WEB控件?使用WEB控件有哪些优势?
2012/01/21 面试题
应付会计岗位职责
2013/12/12 职场文书
保险公司晨会主持词
2014/03/22 职场文书
低碳环保标语
2014/06/12 职场文书
2015年度销售个人工作总结
2015/03/31 职场文书
小爸爸观后感
2015/06/15 职场文书
mysql 数据插入优化方法之concurrent_insert
2021/07/01 MySQL
Windows11插耳机没反应怎么办? win11耳机没声音的多种解决办法
2021/11/21 数码科技
宫崎骏十大动画电影,宫崎骏好看的动画电影排名
2022/03/22 日漫