注册登录

5***@qq.com

5***@qq.com

发布：2019-07-28 01:02
更新：2021-07-17 17:56
阅读：8366

nvue使用vuex的解决方案

分类：uni-app

vuex nvue

在main.js中挂载Vuex
但是在nvue页面无法使用this.$store.state.xxx
于是找文档看评论说都无法解决，没办法只好自己想办法解决了

下面提供两种方式：
方式一：
1.通过globalData建立公用变量不懂的移步文档地址

把vuex挂在globalData
nvuex操作更改挂载在globalData的vuex变量 getApp().globalData.vuex 操作就行
注：此方法是我现在在用的

方式二：
1.通过 onUniNViewMessage 去监听nvue页面发送的消息再去操作store 文档地址
2.在nvue页面中通过postMessage发送数据

没有测试过，但是理论上是没有问题的。大家可以测试下

1 赞关注分享

7 个评论

要回复文章请先登录或注册

vuex中的值变化了，在nvue中获取不到变化后的值，这个需要怎么处理呢

2021-07-17 17:56

回复 6***@qq.com ：

vuex能在nvue上跑,npm工具包库里随便一个工具都能引入到vuex,并且vuex内能调用uni对象你还想实现啥?

2021-04-07 23:41

6***@qq.com

回复蓝兔：

你确定都能实现？

2021-03-27 18:34

你这不是多此一举吗？我想问下vuex能实现的globalData都能实现，也什么还要把vuex赋值给globalData用vuex呢？是不是非得穿了热风牌皮鞋外面再套个奥康牌皮鞋？

2021-03-27 18:16

choin

回复 StarSky ：

谢谢

2020-11-17 15:17

回复 choin ：

<script>
import store from './store'
export default {
//nvue全局变量存储
globalData: {
store: store
},
onLaunch: function() {
console.log('App Launch')
},
onShow: function() {
console.log('App Show')
},
onHide: function() {
console.log('App Hide')
}
}
</script>

<style>
/*每个页面公共css */
</style>

created() {
console.log(getApp().globalData.store.state.text)
},

2020-11-17 10:23

choin

请问是如何将vuex挂在globalData上的，能给个实例代码吗

2020-07-16 00:06