vue 如何添加全局函數或全局變量以及單頁面的title設置總結
更新時間：2017年06月01日 10:12:09 作者：莎莉哇
本篇文章主要介紹了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-cli配置使用Vuex的相關資料,Vuex 是一個專為 Vue.js 應用程序開發(fā)的狀態(tài)管理模式,本介紹的非常詳細,需要的朋友可以參考下2021-07-07
這篇文章主要介紹了使用Vue3實現羊了個羊的算法,初始化的隨機位置算法，通過實例代碼介紹了計算偏移量的方法，代碼簡單易懂，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-09-09
近期在用vue做一個環(huán)保類的項目,要求使用高德地圖,下面這篇文章主要給大家介紹了關于Vue接入高德地圖的相關資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-06-06
下面小編就為大家分享一篇基于Vue中點擊組件外關閉組件的實現方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-03-03
這篇文章主要為大家詳細介紹了Vue使用Echarts實現數據可視化的方法，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2022-03-03
element-plus/element-ui走馬燈配置圖片及圖片自適應的最簡便方法
走馬燈功能在展示圖片時經常用到,下面這篇文章主要給大家介紹了關于element-plus/element-ui走馬燈配置圖片及圖片自適應的最簡便方法,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2023-03-03
這篇文章主要介紹了Vue3?Reactive響應式原理邏輯詳解，文章圍繞主題展開詳細的內容介紹，具有一定的參考價值，需要的小伙伴可以參考一下2022-07-07
這篇文章主要介紹了封裝 axios+promise通用請求函數操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-08-08
這篇文章主要為大家詳細介紹了vue+elementUI配置表格的列顯示與隱藏，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-04-04
本文主要介紹了vue項目中使用require.context引入組件，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2022-08-08