It doesn't seem to work when using vuex. $store.commit for the first time

I want to assign values to store in the root instance and then get these values in the subcomponent. However, it does not seem to be able to assign a value to store in the root instance.

var store = new Vuex.Store ({

)

state: {
    paramInfos: []

},
mutations: {
    initParamInfos(state,paramInfos) {
        state.paramInfos = paramInfos;
    }
},
actions:{ 
}

});

function(){
var self=this;
self.$store.commit("initParamInfos", data);
}

in devtool, it is an arrary in base. After
commit, it becomes an object that can be expanded wirelessly all the time.

debugundefined

Vuex

May.31,2022

Is there no function in

actions

to commit in actions

then dispatch this action

is roughly the following routine. I suggest you take a look at the syntax of vuex

var store = new Vuex.Store({
    state: {
        paramInfos: []
    },
    mutations: {
        initParamInfos(state,paramInfos) {
            state.paramInfos = paramInfos;
        }
    },
    actions:{ 
        getInfo({commit},data) {
            commit('initParamInfos',data)
        }
    }
});

function initData(){
    let mydata = [1,1,1,1];
    this.$store.dispatch('getInfo',mydata);
}

well, I think I know why. I didn't write it correctly when taking the value. I forgot to add state.
this.$store.paramInfos;
this.$store.state.paramInfos;
but why devtool is such a presentation is still not clear.

Previous: Conversion between wstring and string, questions about the usage of function setlocale

Next: Pip installs third-party module time error

The processing of dynamic routing in vue single page mode
there is such a background system, which is divided into many systems and modules, which involves a lot of operation permissions, and each lander is assigned different permissions, so the operable menus and visible pages are also different. the previo...

Vue.js vue-router vuex element-ui javascript

Feb.27,2021
Use vuex, to update the state, in stores. Why is it not updated in the view?
vue a rookie to solve, the code is component .vue <template> <div class="top-ad-section" v-bind:class="{ show: isShowAdStatus }">< div> < template> <script> export default { mounted() { setT...

Vue.js vuex

Feb.27,2021
After vuex uses module, the store.state. cannot be obtained from the beforeEnter in the routing file.
try to get store data in the route file, but the undefined vuexmodule modulestore is displayed. ...

Vue.js vuex vue-router

Feb.27,2021
Strange problem with vuex. Commit succeeded in the component, but the data did not change.
commit in components api.subscribe({ eventName: this.eventName, email: this.email }).then(res => { this.$store.commit( EMAIL , this.email) }) the data is received in store, and the output data of the console is normal state c...

Commit vuex

Feb.28,2021
How is vuex used in vue stand-alone plug-ins? How does the vuex in the plug-in merge with the global vuex?
The problem with is that I have a vue plug-in (which uses vue install exports and can use plug-ins introduced by vue.use ()), and I want to use vuex to communicate between components in this plug-in. currently there are the following problems: what I...

Vuex vue.js javascript

Feb.28,2021
When v-for circulates the data of vuex, the type of this page prompts undefind.
The page is normal, but there are errors reported. generally circulate the data of vuex directly in v-for, or add the data of vuex to the data of this page in created. ...

Vuex vue.js

Feb.28,2021
Vuex reported an error
error using vuex Times Cannot read property apply of undefined at VueComponent.mappedAction my code: <div> <ul v-for="product in products"> <li>{{product.title}} - {{product.price}}< li> <...

Vuex

Feb.28,2021
Vue child component, how to query the details according to the id, passed by the parent component and display it in the child component?
if I go to the background to query the details according to the id in the created method of the component, it can be displayed normally without reporting an error, but when the id value of the parent component is changed, it will not be again....

Vuex javascript vue-router vue.js

Feb.28,2021
How to get vuex data in created cycle?
after searching around, I didn t see this tutorial. put the vuex data into the data before the dom is mounted, but the data is not available in the created. ...

Vue.js vuex

Feb.28,2021
How does the navigation guard of vue-router judge the value of cookies or vuex
first of all, before the user logs in, I want to determine whether the user is logged in according to the value stored in cookies or vuex. If cookies logs in, it will store the userId and userName fields. then, my vuex goes like this: import Vuex fro...

Cookies vuex vue-router

Feb.28,2021
Problems in the use of weex vuex
using vuex, in weex will report that Cannot read property dispatch of undefined, the same code works well under web. Please tell me where you wrote it wrong entrt.js import Vue from vue ; import weex from weex-vue-render ; import Vuex from ...

Vuex weex-playground weex

Mar.01,2021
When vue router switches pages, Catton: the current page pauses for a while before switching to the new page.
when vue router switches pages, there will be stutters: pauses on the current page (and scrolls to the top) before switching to the new page the address bar changes immediately. Back to the top is the configuration item of the route, indicating that ...

Vuex vue-router vue.js

Mar.01,2021
VUEX assignment error report, but does not affect the use?
...

Vue.js vuex

Mar.01,2021
Using action to pass parameters to report errors in vuex
the configuration related to vuex is as follows < hr > const mutations = { incrementment( state,payload ){ state.numb+= payload.amount; }, reducement( state ){ state.numb-- ; }, [SOME_MUTATION](){ state.numb+...

Vue.js vuex

Mar.01,2021
How to obtain and store data after vue Wechat scanned the code and logged in
vue project, use Wechat s third-party website to scan the code to log in, according to the official document first step var obj = new WxLogin({ self_redirect:true, id:"login_container", appid: "", scope: "", ...

Wechat-open-platform Wechat-developed vue.js vue-router vuex

Mar.02,2021
Vue renders data from vuex, refresh will prompt undefined
v-for="(item, index) in dictionary.data.online_home_module" :key="index" ...mapGetters({ dictionary: "dictionary" }) data is available. There is also a warning when you use v-if to judge undefined, but the rendering is...

Vuex

Mar.02,2021
Use vuex to create mutations error report
...

Vue-router es6 vuex vue.js

Mar.02,2021
Vue project, there is an array is obtained by the axios background, multiple components need to be used, how should this array be stored?
the best solution is to use vuex? Why can t the values in store be assigned directly in data, but must be in computed? I need each component to have a computed to receive the array in these store. can anyone give me an example? thank you ...

Vuex vue.js

Mar.02,2021
How do I delete an object in a logarithmic array?
use action to delete array objects in the container how to solve the page jam, and is it possible to delete multiple objects in the array without a loop? ...

Vuex vue.js

Mar.02,2021
In the vue project, how to make the value of the drop-down box default to the smallest value in the array obtained by the query background?
is written, thank you @ hfhan <el-select v-model="value"> <el-option v-for="item in gameStatusList" :key="item.value" :label="lang== zh ? item.nameCn : item.nameEn" :valu...

Vuex axios vue.js

Mar.02,2021