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()


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM