当前位置: 首页 > news >正文

【RuoYi移动端】uni-app中通过vuex的store来实现全局变量的修改和读取

一、在store文件中新建csjVar.js文件

const csjVar = {csjMess: [{aaa:"ok"},{bbb:"no"}]
}
export default csjVar

二、修改store文件中新建index.js文件

import Vue from 'vue'
import Vuex from 'vuex'
import user from '@/store/modules/user'
import getters from './getters'
import csjVar from './csjVar.js'Vue.use(Vuex)const store = new Vuex.Store({modules: {user},state: {// 添加 csjVar 到 Vuex 的 statecsjVar},mutations: {// 创建一个 mutation 来改变 csjMess 的值SET_CSJMESS(state, value) {state.csjVar.csjMess = value}},getters,
})export default store

三、index.vue中读取和修改

<script>import store from '@/store'export default {data() {return {webUrl: '',}},methods: {onLoad: function(query) {console.log("全局变量:csj");var sss = this.$store.state.csjVar.csjMess;console.log(this.$store.state.csjVar.csjMess);console.log(this.$store.state.csjVar.csjMess[0].aaa);console.log(this.$store.state.csjVar.csjMess[1].bbb);// 遍历sss,修改每个元素的aaa和bbb属性值  	sss.forEach(item => {if (item.aaa) {item.aaa = 'Changed ' + item.aaa   // 修改aaa的值}if (item.bbb) {item.bbb = 'Changed ' + item.bbb  // 修改bbb的值}})// 提交mutation来修改csjMess	this.$store.commit('SET_CSJMESS', sss)console.log(this.$store.state.csjVar.csjMess[0].aaa);console.log(this.$store.state.csjVar.csjMess[1].bbb);},}}
</script>

http://www.lryc.cn/news/156328.html

相关文章:

  • IPv6改造深化之路
  • atoi(),isdigit(),isspace(),round()源码
  • C# 播放音频文件(播放提示音)
  • 一种编程语言,
  • 云原生Kubernetes:K8S常用服务端口
  • clickhouse调优配置
  • pdf文件打开后部分文字无法显示
  • MCS-51单片机温度控制系统的设计
  • Xcode,swift:Error Domain=kCLErrorDomain Code=1 (null)问题解决
  • 0013Java程序设计-springboot教材图文内容审核系统
  • Unable to remove Temporary User Data
  • Rocky(Centos)安装中文字体(防止中文乱码)
  • O2OA(翱途)开发平台 V8.1正式发布
  • 差异化竞争阵地的所在【周技术进阶】-从BS 项目C#最基础截取字符串方法开始
  • docker安装在linux下的docker安装操作步骤完整版
  • elasticsearch的搜索补全提示
  • AJAX学习笔记7 AJAX实现省市联动
  • 国商佳美合作火山引擎数智平台 助推深圳餐博会及美博会数字化升级
  • 数据结构与算法学习(day4)——解决实际问题
  • PG库列类型转换
  • vue3中的reactive赋值问题
  • thinkphp 操作远程oracle遇到的相关坑
  • 流媒体之推流和拉流
  • 浏览器中怎样查看前后端传值
  • 计算机竞赛 基于深度学习的人脸表情识别
  • 虹科分享 | MKA:基于先进车载网络安全解决方案的密钥协议
  • jmeter 常数吞吐量定时器
  • 【大数据Hive】hive 加载数据常用方案使用详解
  • 计及电池储能寿命损耗的微电网经济调度(matlab代码)
  • DP读书:鲲鹏处理器 架构与编程(十四)ACPI与软件架构具体调优