I put all the data requested by the API in the vuex, which is normal all the time, but the data becomes empty when I refresh the page manually. Although the vuex is emptied every time I refresh the page, my API request operation and putting the requested data into the vuex are obviously written in the mounted stage. In this case, even if the refresh can put the data back into the vuex, why is it empty?
page is reloaded, the content in the Vuex is also reloaded.
for direct local storage without being lost, you can use localstorage or sessionstorage
tell me what to do. The request to create an interface layer responsible for the interface under the
src/api directory only requests the interface
src/store/module directory to create a module in the actions request to execute the method in the api layer
the mounted in the component determines whether the data in the state in the vuex is empty if it is empty to execute this.$store.dispatch ('asdad')
computed:{
articles(){
return this.$store.state.module.data
}
},
mounted(){
if (this.articles <= 0){
this.$store.dispatch('actions')
}
}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...
for example, I am responsible for logging in and obtaining user information in the user.vue component. In the getInfo.vue component, the user logs in and requests the corresponding info interface to obtain the relevant information. so how can I trigge...
when webapp steps back to the background, you want to use polling to simulate push. The value in setInterval has been changed to the value in store, but the latest value cannot be obtained in the next timer. What is the reason ...
I am learning that vuex has made a small demo to add a price to totatlPrice by clicking a button in the sub-component, and then display it. but the value that cannot be obtained from main.js mutations is obtained in main.js mutations. What should I do?...
Code in main.js store.commit( recruitmentArr , recruitmentArr); Code in mutations.js import * as types from . mutation-types export default { [types.recruitmentArr] (state, val) { state.account = val } } Code in mutation-types....
in webapp development, I use vuex to save the previously requested data for later use. Later, I use this data to display the echart diagram. If the previous request fails, the later display is gone. Unlike the browser side, webapp can be refreshed manual...
there are two components, component An and component B, and there is a player in component A, and the playback and stop events of the player are added, which requires that multiple buttons of component B can also be clicked to allow the player of compon...
there is an array list, in store.state. I created a getList, in getters and then mapGetters the getList into a subcomponent. In this subcomponent, I forEach, the getList array and modify the value of item in it. I found that it seems that the list of al...
Thank you for your ideas. The number of additions made in vuex has been realized. The code has been updated to give reference to students who do not understand, and try the component again to achieve without vuex. the environmental background...
problem description I am using Vue to develop the front end of an application. I want to use both store and cookies of vuex to save the user s login information. My implementation method is as follows: after the user logs in, save the user informatio...
go straight to the code: const tree = { state: { allNode: [], treeNode: null }, mutations: { SET_ALL_NODE: (state, keys) => { state.allNode = [...keys]; }, SET_TREE_NODE: (state, nodes) => { state.treeNod...
I defined a vue component named ManagePage as a generic component for managing pages. The data and methods in the generic component are all mapped to state, actions, or mutations in vuex. Then, each management page (for example, the page that manages ve...
vuex store module split this is what I wrote in store index.js import Vue from vue import Vuex from vuex import axios from axios import * as actions from . actions import mutations from . mutations import VuexPersistence from vue...
widgets.mk v-for clickdispatch mutationsstate : vuextype : does anyone know what the problem is? Is it my data structure problem? ...
widgets.mk v-for clickdispatch mutationsstate : vuextype : does anyone know what the problem is? Is it my data structure problem? ...
widgets.mk v-for clickdispatch mutationsstate : vuextype : does anyone know what the problem is? Is it my data structure problem? ...
widgets.mk v-for clickdispatch mutationsstate : vuextype : does anyone know what the problem is? Is it my data structure problem? ...
widgets.mk v-for clickdispatch mutationsstate : vuextype : does anyone know what the problem is? Is it my data structure problem? ...
widgets.mk v-for clickdispatch mutationsstate : vuextype : does anyone know what the problem is? Is it my data structure problem? ...
my current scenario is like this. Because the project I m working on is complicated, and the page (component) I m working on is complicated, I use vuex. At present, all the data on that page and the status control of the pop-up window are placed on a m...