vue在页面中如何使用window全局变量
作者：bidepanm 发布时间：2024-05-09 15:14:49
标签：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)
来源：https://blog.csdn.net/bidepanm/article/details/119278995
0
投稿猜你喜欢
解决方法：1.首先你需要在自己的app下面创建2个目录 static 和 templatesstatic下存放静态文件，templates下- 网络I/O模型人多了，就会有问题。web刚出现的时候，光顾的人很少。近年来网络应用规模逐渐扩大，应用的架构也需要随之改变。C10k的问题，让
- 本文为大家分享了python搭建服务器实现两个Android客户端间收发消息，供大家参考，具体内容如下python服务器# coding:u
- 正在看的ORACLE教程是:ORACLE常见错误代码的分析与解决三。 -----------------------------
- 全选、全不选、反选这几个功能我们经常会用到，如我们可以用在文章列表管理页面，也可以用在音乐播放页面，使用全选我们可以很方便的进行批量操作，如
- /* Cookie Library -- "Night of the Living Cookie" Version (2
- 本文实例为大家分享了Android九宫格图片展示的具体代码，供大家参考，具体内容如下一．知识点总结1. 卷积神经网络出
- mysql5.x升级至mysql5.7后导入之前数据库date出错的解决方法如下所示：修改mysql5.7的配置文件即可解决，方法如下：li
- 在日常的python编程中使用这几个函数来简化我们的编程工作，经常使用能使编程效率大大地提高。1. Map 函数map函数可以使用另外一个函
- var info="腾讯拍拍网（www.paipai.com）是腾讯旗下知名电子商务网站。"; info +="
- 本文实例讲述了php输出xml必须header的解决方法。分享给大家供大家参考。具体方法如下：问题描述：最近在做一个xml输出时发现我们直接
- 本文实例讲述了Python实现将目录中TXT合并成一个大TXT文件的方法。分享给大家供大家参考。具体如下：在网上下了一个dota的英雄攻略,
- 很多应用要用到TreeView来显示组织机构,以下演示TreeView如何与数据库进行绑定。数据库结构如下（递归现实）：id(guid)&n
- 本文实例为大家分享了python实现简单聊天室的具体代码，供大家参考，具体内容如下刚刚接触python编程，又从接触java开始一直对soc
- 任务描述 写小论文的利器是什么呢？LaTex！写代码的利器是什么呢？VSCode！好，那么如何在VSCode上配置
- 如何要恢复Master数据库呢?方法1:重装SQL，但是数据就Over掉了方法2:重建Master Rebuildm.exe 用到SQL的安
- python链表的反转反转链表给你单链表的头节点 head ，请你反转链表，并返回反转后的链表。输入：head = [1,2,3,4,5]输
- 总体思路与一元线性回归思想一样，现在将数据以矩阵形式进行运算，更加方便。 一元线性回归实现代码下面是多元线性回归用Python实现的代码：i
- 延续上一篇的话题继续，顺便放上一篇的传送门：点这里。集群的必要性consul本身就是管理集群的，现在还需要给consul搞个集群，这是为啥？
- 引用是什么在 PHP 中引用意味着用不同的名字访问同一个变量内容。这并不像 C 的指针，替代的是，引用是符号表别名。注意在 PHP 中，变量
