美文网首页
uni-app 全局变量的使用

uni-app 全局变量的使用

作者: wfaceboss | 来源:发表于2020-04-14 09:29 被阅读0次

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;//复制

相关文章

  • uni-app 全局变量的使用

    1.您有没有遇到这种情况? 在页面切换时,某一界面导航的状态没有保持。比如:你当前点击的状态: 你想在页面之间切换...

  • uni-app 全局变量的使用

    全局变量 目录:通过js文件实现通过Vue.prototype来实现globalData通过Vuex实现 1、通过...

  • uni-app 介绍

    uni-app 介绍 1、什么是uni-app? uni-app是一个使用 Vue.js 开发所有前端应用的框架,...

  • uni-app 创建

    创建 uni-app 有两种方式 快速搭建 uni-app 使用编译器HbuilderX 创建 使用 vue-cl...

  • uni-app写一个阅读类app

    这个程序主要是学习uni-app和egg.js,介绍:前端开发使用uni-app,后端使用egg.js,数据库使用...

  • uni-app入门详解

    1 uni-app学习 1.1 什么是uni-app uni-app是一个使用Vue.js语法来开发所有前端应用的...

  • uni-app androidQ 拍照调用失败问题

    在公司做的项目,项目使用了uni-app的模块,在使用uni-app 调起安卓相机拍照时候 发现调用无效。后来发现...

  • uni-app引用Echarts的踩坑记录

    在uni-app项目引用Echarts 按照 uni-app中使用Echarts的实践总结 的步骤引用echart...

  • uni-app行数显示多余省略号显示

    uni-app 显示固定行数,其余使用。。。显示

  • 1.uni-app的相关介绍使用

    uni-app的基本使用 基础部分: +环境搭建 +页面外观配置 +数据绑定 +uni-app的生命周期 +组件的...

网友评论

      本文标题:uni-app 全局变量的使用

      本文链接:https://www.haomeiwen.com/subject/ggoamhtx.html