【UniApp】uniApp中的全局变量！（转发）

我添加了一个全局变量 $test，一个是set方法：这个set方法是在组件中修改全局变量时需要的。

test.js

export default {
    $test: [
        {
            test: ''
        },
        {
            test: ''
        },
        {
            test: ''
        }
    ],
    setTest($test) {
        this.$test = $test;
    }
}

在vue项目中的main.js中导入test.js文件：

import test from './common/test.js'

然后将该对象添加到vue原型链上，这样就可以在组建中直接调用了

Vue.prototype.$test = test;

在组件中通过this访问：

this.$test.$test;

在html中访问

{{this.$test.$test}}

在组件中修改全局变量：

this.$test.setTest(test)

总结：

1、其实这个有点儿像根据不同的角色分配给用户不同的权限(有点儿类似)。

2、如果能充分理解这个实现的思想的话，可以应用到其他的更多的场景中。

 如果尝试上述方法无效的，欢迎留言。

转自：

uniapp设置全局变量和动态修改全局变量-建站管家不同的事项跳转的页面流可能不一样，有一部分是一样的，一部分是不一样。另外，每个页面顶部都有一个步骤条，执行跳转不同的页面流时，每个页面顶部的步骤条也要跟着做对应的改变。https://www.df81.com/uniappshezhiquanjubianliang.html