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