vue在頁(yè)面中如何使用window全局變量
在頁(yè)面中使用window全局變量
main.js中定義：
window.xxx=[];
在data中定義：
data() {
? ? return {
? ? ?? ?window: window,
? ? }
? }不要在頁(yè)面中直接使用window.xxx，定義一個(gè)變量，將window.xxx賦值給這個(gè)變量，然后在頁(yè)面中使用這個(gè)變量。
https://forum.vuejs.org/t/window/36301
問題：我綁定了一個(gè)src屬性，代碼：“window.workdir+imagePath”，提示我window未定義，請(qǐng)問如何書寫，才能識(shí)別？
答案1：在模板中,指向的對(duì)象是this,而this 是沒有window 這個(gè)屬性的 所以正確做法是 在main.js 中
Vue.prototype.workdir = ‘/dir/demo'
組件里：
答案2：如果需要的話，可以把 window 植入 Vue 數(shù)據(jù)對(duì)象里：
{ data: {
window: window, } }vue中設(shè)置全局變量
第一步
單獨(dú)新建一個(gè)全局變量模塊文件，模塊中定義一些變量初始狀態(tài)，用export default 暴露出去。
// 接口地址
const apiUrl = "https://api.sjzeis.com";
export default {
apiUrl
};第二步
在main.js中引入，并通過Vue.prototype掛載到vue實(shí)例上面。供其他模塊文件使用；
// 全局引入global import global from "@/global/global.js" Vue.prototype.global = global
第三步
在需要的模塊文件中引入并使用；
console.log(that.global.apiUrl)
總結(jié)
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
vue通過輔助函數(shù)mapState、mapActions、mapMutations，把vuex.store中的屬性映射到vue實(shí)例身上，這樣在vue實(shí)例中就能訪問vuex.store中的屬性了，對(duì)于操作vuex.store就很方便了，本文具體的介紹下這些輔助函數(shù)的使用方法2021-06-06
vue+Element-ui實(shí)現(xiàn)分頁(yè)效果實(shí)例代碼詳解
這篇文章主要介紹了vue+Element-ui實(shí)現(xiàn)分頁(yè)效果 ,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2018-12-12
vue實(shí)現(xiàn)自定義公共組件及提取公共的方法
這篇文章主要介紹了vue實(shí)現(xiàn)自定義公共組件及提取公共的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-05-05
下面小編就為大家?guī)硪黄猇ue渲染函數(shù)詳解。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-09-09
詳解利用eventemitter2實(shí)現(xiàn)Vue組件通信
這篇文章主要介紹了詳解利用eventemitter2實(shí)現(xiàn)Vue組件通信，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-11-11
Vue實(shí)例中生命周期created和mounted的區(qū)別詳解
這篇文章主要給大家介紹了關(guān)于Vue實(shí)例中生命周期created和mounted區(qū)別的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面跟著小編來一起學(xué)習(xí)學(xué)習(xí)吧。2017-08-08
vue + element-ui的分頁(yè)問題實(shí)現(xiàn)
這篇文章主要介紹了vue + element-ui的分頁(yè)問題實(shí)現(xiàn)，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-12-12
組件是 vue.js最強(qiáng)大的功能之一，而組件實(shí)例的作用域是相互獨(dú)立的，這就意味著不同組件之間的數(shù)據(jù)無法相互進(jìn)行直接的引用，所以組件間的相互通信是非常重要的，這篇文章主要介紹了vue中組件間通信的6種方式,需要的朋友可以參考下2022-11-11
這篇文章主要介紹了詳解vue不同環(huán)境配置不同的打包命令，主要包括正式環(huán)境、測(cè)試環(huán)境和開發(fā)環(huán)境，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2019-04-04
vue3中element-plus表格搜索過濾數(shù)據(jù)
本文主要介紹了vue3中element-plus表格搜索過濾數(shù)據(jù),文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2025-03-03