热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

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

传统的设置title的方法是:document.title = ‘title' 但是这种写法在iOS的微信上是不兼容的 这里

传统的设置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.on('load', function () {
       window.setTimeout(function () {
        $iframe.off('load').remove()
       }, 0)
      }).appendTo($body)
     }
    }

然后再需要设置title的组件里面调用这个方法即可

写法是:

setTitle('XXOO')

这样的话就行了

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

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


推荐阅读
  • 微信小程序开发教程(二):利用AppId启动你的小程序
    上一节我们探讨了微信小程序的注册流程。本篇将深入介绍如何获取并使用AppId来创建微信小程序,为后续开发打下基础。 ... [详细]
  • 告别酷暑,Python带你探寻全国最热城市
    随着九月的到来,炎热的夏季似乎终于画上了句号。对于许多人来说,夏天不仅仅是高温的代名词,更是对户外活动的一种限制。本文将通过Python编程技术,带领读者探索并找出今年夏季全国最热的城市。 ... [详细]
  • 深入理解CSS中position:relative与position:absolute的使用技巧
    在模仿设计一个在线商城页面时,我深入研究了CSS布局中的position属性,特别是relative和absolute两种定位方式的使用技巧和注意事项。本文总结了从CSDN博主onizukayao的文章中学到的关键点,并结合实际案例进行了详细解释。 ... [详细]
  • 利用Charles工具进行移动设备网络监控
    本文介绍了如何通过配置Charles代理软件来实现对移动设备的网络请求进行监控和调试,适用于开发者或测试人员需要检查移动应用网络通信的情况。 ... [详细]
  • 在一个大型的应用系统中,往往需要多个进程相互协作,进程间通信(IPC,InterProcessCommunication)就显得比较重要了。在Linux系统中,有很多种IPC机制, ... [详细]
  • Codeforces Round #360 - The Values You Can Make
    题目描述:给定一组数字,首先选择一些子序列,使其和等于k;然后从所有和为k的子序列中再次选择子序列,计算这些子序列的和的所有可能值,并按升序输出。 ... [详细]
  • HTTP(超文本传输协议)是互联网上用于客户端和服务器之间交换数据的主要协议。本文详细介绍了HTTP的工作原理,包括其请求-响应机制、不同版本的发展历程以及HTTP数据包的具体结构。 ... [详细]
  • 本文探讨华为方舟编译器的工作原理及其如何有效改善安卓设备的运行效率和流畅度。 ... [详细]
  • 本文介绍如何使用 Oracle 数据库的 EXPDP 工具导出特定用户下的所有数据。包括登录系统用户、创建导出目录、授权访问权限及执行导出操作的具体步骤。 ... [详细]
  • Vue 中实现 ECharts 组件的动态刷新与分页
    本文介绍了如何在 Vue 项目中使用 ECharts 组件实现数据的动态刷新和分页显示。通过合理的数据处理和页面逻辑设计,提升用户体验。 ... [详细]
  • 深入解析 Android 中的 ActivityGroup 实现
    本文详细探讨了如何在 Android 应用中使用 ActivityGroup 来实现类似微博客户端主界面的效果,并分析了 TabActivity 的局限性,推荐使用更为灵活的 ActivityGroup 方案。 ... [详细]
  • Sass 是一种 CSS 的预处理器,通过使用变量、嵌套、继承等高级功能,使得 CSS 的编写更加灵活和高效。本文将介绍 Sass 的基本语法及其安装使用方法。 ... [详细]
  • IOSG Weekly Brief | Fat NFT Thesis 与艺术朋克 #68
    IOSG Weekly Brief | Fat NFT Thesis 与艺术朋克 #68 ... [详细]
  • 如何获取php脚本路径(2023年最新解答)
    如何获取php脚本路径(2023年最新解答) ... [详细]
  • 本文探讨了如何利用 Application 对象在 PHP 应用程序中共享数据,特别是在多用户环境中保持数据的一致性和安全性。文章还介绍了 Application 对象的基本结构、方法和事件,并提供了实际应用示例。 ... [详细]
author-avatar
书友58612107_778
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有