个人中心
文章发布
退出
作者热门文章
- Java锁的逻辑（结合对象头和ObjectMonitor）
- 还在用饼状图？来瞧瞧这些炫酷的百分比可视化新图形（附代码实现）⛵
- 自动注册实体类到EntityFrameworkCore上下文，并适配ABP及ABPVNext
- 基于Sklearn机器学习代码实战
29
4
在日常开发过程，相信大家有遇到过各种需求，而我，在这段事件便遇到了一个，需要通过用户界面配置动态接口，同时，因为是app小程序开发，所以接口中涉及到了http以及websocket两个类型的接口.
同时，因为公司所设计到的大多数都是这类型的框架，因此，想要将其多个项目整合为一个app，页面等布局全部统一，那么，便只能通过给用户开通自己配置ip以及http端口和websocket端口来搞定了.
那么，该如何实现呢，通常情况下，是this.baseurl去实现动态配置变量接口，但是，这个只能满足一个，翻阅了网上大多数资料，没有找到办法，在询问个一个朋友后，了解到了uni中可以将vuex引入进去， 。
接下来看一下效果再来看一下如何将其引入进去.
。
。
通过点击右上角的设置按钮，来实现弹出框 。
。
。
那么，说一下如何将其vuex引入进uni中 。
。
。
首先再目录文件中新建文件夹store，再新建文件夹下层新建js文件index 。
。
。
。
将一下代码放入Index.Js文件中 。
import Vue
from
'
vue
'
import Vuex
from
'
vuex
'
Vue.use(Vuex)
const
store =
new
Vuex.Store({
state: {
hasLogin:
false
,
userInfo: {ip:
''
,port:
''
},
httpLj:
''
,
webSocketLj:
''
,
},
mutations: {
login(state, provider) {
state.hasLogin
=
true
;
state.userInfo
=
provider;
uni.setStorage({
//
缓存用户登陆状态
key:
'
userInfo
'
,
data: provider
})
},
logout(state) {
state.hasLogin
=
false
;
state.userInfo
=
{};
uni.removeStorage({
key:
'
userInfo
'
})
}
},
actions: {
}
})
export
default
store
然后再其main.js文件中插入进去一下两行代码 。
Vue.prototype.$store = store import store from './store' 。
再登录页面中的script中将其引用 。
import { mapState, mapMutations } from 'vuex'; import store from '@/store/index.js'; 。
。
。
然后就是使用 this.$store 去调用变量了 。
。
。
再该页面输入框输入值之后，将其值存入进去，之后再所有页面都可使用所定义的变量.
如果有不懂的请联系我.
最后此篇关于uni结合vuex编写动态全局配置变量this.baseurl的文章就讲到这里了,如果你想了解更多关于uni结合vuex编写动态全局配置变量this.baseurl的内容请搜索CFSDN的文章或继续浏览相关文章，希望大家以后支持我的博客！ 。
29
4
0
我的应用程序中有一个 settings.php 页面，它使用 $GLOBALS 来存储网络应用程序中使用的配置。 例如，他是我使用的一个示例设置变量: $GLOBALS["new_login_page
我正在尝试编译我们在 OS 类上获得的简单操作系统代码。它在 Ubuntu 下运行良好，但我想在 OS X 上编译它。我得到的错误是: [compiling] arch/i386/arch/start
我知道distcp无法使用通配符。 但是，我将需要在更改的目录上安排distcp。 (即，仅在星期一等“星期五”目录中复制数据)，还从指定目录下的所有项目中复制数据。 是否有某种设计模式可用于编写此类
是否可以在config.groovy中全局定义资源格式(json，xml)的优先级，而不是在每个Resource上指定？例如，不要在@Resource Annotation的参数中指定它，例如: @R
是否有一些简单的方法来获取大对象图的所有关联，而不必“左连接获取”所有关联？我不能只告诉 Hibernate 默认获取 eager 关联吗？ 最佳答案 即使有可能有一个全局 lazy=false(谷歌
我正在尝试实现一个全局加载对话框...我想调用一些静态函数来显示对话框和一些静态函数来关闭它。与此同时，我正在主线程或子线程中做一些工作...... 我尝试了以下操作，但对话框没有更新...最后一次，
当我偶然发现 this question 时，我正在阅读更改占位符文本。 无论如何，我回去学习了占位符。一个 SO 的回答大致如下: Be careful when designing your pl
例如，如果我有这样的文字: "hello800 more text 1234 and 567" 它应该匹配 1234 和 567，而不是 800(因为它遵循 hello 的 o，这不是一个数字)。 这
我一直在尝试寻找一种无需使用 SMS 验证系统即可验证电话号码(Android 和 iPhone)的方法。原因纯粹是围绕成本。我想要一个免费的解决方案。 我可以安全地假设 Android 操作系统会向
解决此类问题的规范 C++ 设计模式是什么？ 我有一些共享多个类的多线程服务器。我需要为大多数类提供各种运行时参数(例如服务器名称、日志记录级别)。 在下面的伪 C++ 代码中，我使用了一个日志记录类
这个问题在这里已经有了答案: Using global variables in a function (25 个答案) 关闭 9 年前。 我是 python 的新手，所以可能有一个简单的答案，但我
这个问题在这里已经有了答案: 关闭 10 年前。 Possible Duplicate: Does C++ call destructors for global and class static
我正在尝试使用 Objective-C 中的 ArrayList 的等价物。我知道我必须使用 NSMutableArray。我想要一个字符串列表 (NSString)。关键是我的列表应该可以从我类(c
今天刚开始学习 Android 开发，我找不到任何关于如何定义 Helper 类或将全局加载的函数集合的信息，我会能够在我创建的任何 Activity 中使用它们。 我的计划是创建(至少目前)2 个几
为什么这段代码有效: var = 0 def func(num): print num var = 1 if num != 0: func(num-1) fun
$GLOBALS["items"] = array('one', 'two', 'three', 'four', 'five' ,'six', 'seven'); $alter = &$GLOBALS
我想知道如何实现一个可以在任何地方使用您自己的设置的全局记录器: 我目前有一个自定义记录器类: class customLogger(logging.Logger): ... 该类位于一个单独的
我需要使用 React 测试库和 Jest 在我的测试中模拟不同的窗口大小。 目前我必须在每个测试文件中包含这个beforeAll: import matchMediaPolyfill from 'm
每次我遇到单例模式或任何静态类(即(几乎)只有静态成员的类)的实现时，我想知道这是否实际上不是一种黑客行为，因此只是为了设计而严重滥用类和实例的原则单个对象，而不是设计类和创建单个实例。对我来说，看起
这个问题在这里已经有了答案: Help understanding global flag in perl (2 个回答) 7年前关闭。 my $test = "There was once an\n
我是一名优秀的程序员,十分优秀！