Shulou(Shulou.com)05/31 Report--

Today, the editor will share with you the relevant knowledge points about how to use state to monitor array changes in vuex. The content is detailed and the logic is clear. I believe most people still know too much about this knowledge, so share this article for your reference. I hope you can get something after reading this article.

Import Vue from 'vue'import Vuex from' vuex'Vue.use (Vuex) const state = {messArray: []} const mutations = {modifyArray (state, obj) {state.messArray=obj.messArray / / Vue.$set (this,this.messArray, [... obj.messArray])} const actions= {modifyArr (context,obj) {context.commit ('modifyArray',obj)},} export default new Vuex.Store ({state, mutations, actions})

Then in the data of the build, map the past through mapState:

/ / the import {mapState, mapGetters, mapMutations, mapActions} from 'vuex'data () {return {... mapState (["messArray"]),}} must be introduced before use.

Then listening is set in watch:

Watch: {messArray: function (val) {console.log ("watch ChildA.vue" + val)}}

At this point, the problem arises, although the array has been modified, but watch just can't listen.

Solution.

After searching for some online methods, I found that most of them were not available to me, and finally I could only solve the problem cleverly through computed and getter.

Add a getter to the store.js just now

Const getters = {messArray_get:state= > state.messArray,}

Then add the following code to the computed in the component you want to listen for changes:

... mapGetters (['messArray_get'])

And then write this in watch.

Watch: {messArray_get: function (val) {console.log ("messArray_get" + val)}} above is all the content of the article "how to use state to listen for array changes in vuex". Thank you for reading! I believe you will gain a lot after reading this article. The editor will update different knowledge for you every day. If you want to learn more knowledge, please pay attention to the industry information channel.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.