vue 如何添加全局函數(shù)或全局變量以及單頁面的title設(shè)置總結(jié)
更新時間：2017年06月01日 10:12:09 作者：莎莉哇
本篇文章主要介紹了vue 如何添加全局函數(shù)或全局變量以及單頁面的title設(shè)置總結(jié)，非常具有實用價值，需要的朋友可以參考下
傳統(tǒng)的設(shè)置title的方法是：document.title = ‘title'
但是這種寫法在iOS的微信上是不兼容的
這里設(shè)置title的方法是通過在百度搜索的所謂黑科技，避免了安卓和iOS的不兼容寫法
首先在index.html中定義一個全局的函數(shù)：
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)
}
}
然后再需要設(shè)置title的組件里面調(diào)用這個方法即可
寫法是：
setTitle('XXOO')
這樣的話就行了
全局變量的設(shè)置也一樣，這里就不多說了……
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了uni-app 的基礎(chǔ)組件，本文通過實例代碼給大家介紹的非常詳細，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2021-10-10
解決vue組件中使用v-for出現(xiàn)告警問題及v for指令介紹
這篇文章主要介紹了解決vue組件中使用v-for出現(xiàn)告警問題,在文中給大家介紹了v for指令，需要的朋友可以參考下2017-11-11
解決Vue調(diào)用springboot接口403跨域問題
這篇文章主要介紹了解決Vue調(diào)用springboot接口403跨域問題,本文給大家介紹的非常詳細，具有一定的參考借鑒價值，需要的朋友可以參考下2019-09-09
Vue中實現(xiàn)路由跳轉(zhuǎn)傳參的4種方式
本文詳盡的講了在Vue項目中,如何實現(xiàn)路由跳轉(zhuǎn)傳參的4四種方式（2大路由跳轉(zhuǎn)方式,每種方式包括4種路由傳參實現(xiàn)形式）,以及每種方式中實現(xiàn)路由跳轉(zhuǎn)包括路由傳參的方法的各種寫法,需要的朋友可以參考下2024-04-04
今天小編就為大家分享一篇Vue調(diào)用后端java接口的實例代碼，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-10-10
Vue項目的甘特圖組件之dhtmlx-gantt使用教程和實現(xiàn)效果展示(推薦)
文章介紹了如何使用dhtmlx-gantt組件來實現(xiàn)公司的甘特圖需求,并提供了一個簡單的Vue組件示例,文章還分享了一些配置項,如格式化表頭日期、設(shè)置甘特圖尺寸、啟用只讀模式、設(shè)置表格列等,感興趣的朋友一起看看吧2025-02-02
這篇文章主要為大家介紹了vue之數(shù)據(jù)代理，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2021-12-12
本篇文章主要介紹了詳解Vue中使用v-for語句拋出錯誤的解決方案，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-05-05
本篇文章主要介紹了vue 2.0 購物車小球拋物線的示例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-02-02
這篇文章主要介紹了Vue頭像處理方案，實現(xiàn)思路主要是通過獲取后臺返回頭像url，判斷圖片寬度，高度。具體實例代碼大家參考下本文2018-07-07