vue在页面中如何使用window全局变量

在页面中使用window全局变量

main.js中定义：

window.xxx=[];

在data中定义：

data() {
    return {
        window: window,
    }
  }

不要在页面中直接使用window.xxx，定义一个变量，将window.xxx赋值给这个变量，然后在页面中使用这个变量。

https://forum.vuejs.org/t/window/36301

问题：我绑定了一个src属性，代码：“window.workdir+imagePath”，提示我window未定义，请问如何书写，才能识别？

答案1：在模板中,指向的对象是this,而this 是没有window 这个属性的 所以正确做法是 在main.js 中

Vue.prototype.workdir = ‘/dir/demo'

组件里：

答案2：如果需要的话，可以把 window 植入 Vue 数据对象里：

{ data: {
window: window, } }

vue中设置全局变量

第一步

单独新建一个全局变量模块文件，模块中定义一些变量初始状态，用export default 暴露出去。

// 接口地址
const apiUrl = "https://api.sjzeis.com";
export default {
  apiUrl
};

第二步

在main.js中引入，并通过Vue.prototype挂载到vue实例上面。供其他模块文件使用；

// 全局引入global
import global from "@/global/global.js"
Vue.prototype.global = global

第三步

在需要的模块文件中引入并使用；

console.log(that.global.apiUrl)

总结

以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。