uniapp去修改vuex中state中的值

修改state中的值

修改state中的值,方法

(1) 在mutations中写修改state的api.
(2)写好之后,直接store.commit("changeValue")调用
changeValue就是那个你写好的api

store目录下index.js

import Vue  from 'vue'
import Vuex from  "vuex"
Vue.use(Vuex)

const store=new Vuex.Store({
	state:{
		testArr:[
			{id:1,name:"纪念日"}
		],
		
		city:"四川省"
	},
	
	// 同步更改值
	mutations:{
		// 对state中的值,进行修改,这个参数state是data中所有的值哦。
		changeValue(state){
			this.state.city="我开始是四川省  现在我是达州市"
			console.log("state", state)
		}
	},
	//异步
	actions:{
		getCity(context ){
			console.log(uni)
		}
	}
	
})

// 调用修改的方法
store.commit("changeValue")

main.js 引入 使用

import Vue from 'vue'
import App from './App'

// 引入store 注意引入的时候,要加./来引入,不要使用/
import store  from "./store/index"

Vue.config.productionTip = false

//将state挂载到原型上
Vue.prototype.$store=store;

App.mpType = 'app'
const app = new Vue({
    ...App	
})
app.$mount()

posted @   何人陪我共长生  阅读(4819)  评论(0编辑  收藏  举报
编辑推荐:
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
· 一个奇形怪状的面试题:Bean中的CHM要不要加volatile?
· [.NET]调用本地 Deepseek 模型
· 一个费力不讨好的项目,让我损失了近一半的绩效!
阅读排行:
· 百万级群聊的设计实践
· 永远不要相信用户的输入:从 SQL 注入攻防看输入验证的重要性
· 全网最简单!3分钟用满血DeepSeek R1开发一款AI智能客服,零代码轻松接入微信、公众号、小程
· .NET 10 首个预览版发布,跨平台开发与性能全面提升
· 《HelloGitHub》第 107 期
点击右上角即可分享
微信分享提示