我在window对象中设置了一个属性,以便全局使用它,如下所示:

window.configs.foo=true;

但当你这样使用它时:

<v-btn v-if="window.configs.foo">go</v-btn>

在控制台中,我遇到了以下错误:

[Vue warn]:实例上未定义属性或方法"窗口"


how i can use window object in vueJs template?

推荐答案

另一种方法是在Vue中使用$root.在vue实例中定义foo,它将在所有组件中使用this.$root.foo.

这是官方的docs美元

希望这有帮助

Vue.js相关问答推荐

vue3中的转换可以在滑入但不能滑出时工作

如何使用 vueJS 上的 ref( ) 函数创建二维数组定义?

我在表格中创建了一个包含信息的新行,但在 Cypress e2e 测试中我无法获得最后一行(新行)

Vuetify 复选框:如何停止点击事件?

Vue.js 和观察者模式

Vuex 和 Event Bus 有什么区别?

Vuejs在复选框 Select 上切换div可见性

导入没有 .vue 扩展名的 *.vue 文件时出现以下错误?

我在 Nuxt 2.14.0 中运行的是什么版本的 Vue?

删除一行后刷新 Bootstrap-Vue 表

找不到模块 'babel-core' 但已安装 @babel/core

如何从 keep-alive 中销毁缓存的 Vue 组件?

将 ref 的内容从子组件传递到另一个 VueJS 子组件

无法访问函数内的数据属性

如何在 Promise 回调中更新 Vue 应用程序或组件的属性?

Vuetify 过渡:如何设置过渡速度

Vue组件如何命名

Vuetify 离线文档

使用 CloudFront 部署在 S3 上的 VueJS 应用程序的指定的密钥不存在

如何修复套接字 io 中的 400 错误错误请求?