export default new Vuex.Store({
state: {
cart_list:[1,2,3],
},
getters: {
total: state => {
var total = state.cart_list[0]+state.cart_list[1]+state.cart_list[2];
return total;
}
},
mutations: {
get_total (state) {
console.log(">>>>>: getters>total ?");
}
}
})my current implementation is to use one of the called components:
this.$store.commit("get_total",this.$store.getters.total);is it right to pass in total?
getter is equivalent to the calculation property of state , and mutation is used to modify state .
it is not a correct operation for mutation to modify getter directly.
this.getters.total (state)
this is an internal call within an object
you can pass the getter you want to use through action's context.getters ('getterName',obj) through action's context.getters (' getterName',obj) to obj as a parameter when submitting the getter via action.
Previous: How to repair the excel file in the program?
Next: Write wx is not allowed when using plugins at app.json
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 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...
try to get store data in the route file, but the undefined vuexmodule modulestore is displayed. ...
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...
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...
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. ...
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> <...
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....
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. ...
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...
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 ...
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 ...
...
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 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: "", ...
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...
...
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 ...
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? ...
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...