uni-app 全局变量的使用

1.您有没有遇到这种情况?

在页面切换时,某一界面导航的状态没有保持。
比如:
你当前点击的状态:


点击之后的状态

你想在页面之间切换之后仍然保持这种状态,但不幸的时,切换之后变成了这样


刷新之后的状态

2.解决方法

方案很多,我这里提供一种简单的方式,就是使用全局变量。

App.vue中定义全局变量

App.vue中,增加globalData,例如增加自定义属性tab_index

export default {
        globalData:{
            tab_index:0
        },
}

使用全局变量

  • 1.若是在app.vue中使用该自定义属性,方式为:
this.$options.globalData.tab_index
  • 2.若是在其他页面使用,方式为
let app = getApp()
app.globalData.tab_index;//取值
app.globalData.tab_index= 1;//复制
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容