vuex

问题 I'm using Jest with vue-test-utils trying to test if a child component reacts to an $emit event in the parent component. VueJS test-utils library provides a parentComponent option to be passed when mounting/shallow mounting the component. Everything is working fine except that even though I instantiate the component with a mocked Vuex store, the parent component throws a TypeError: Cannot read property 'state' of undefined on a this.$store.state.something.here piece of code in the parent

问题 How can I clone data from vuex state to local data attribute? State this.tsStore.shemes Data Attribute data () { return { shemes: [] } } I've tried do this in updated () this.shemes = this.tsStore.shemes but it's seems like it has a binding left.. because when i delete one item in this.shemes on click i've also delete that item in the state and get the error of "Do not mutate vuex store state outside mutation handlers". I need to clone the state and do what ever I need to do with that data

问题 How can I clone data from vuex state to local data attribute? State this.tsStore.shemes Data Attribute data () { return { shemes: [] } } I've tried do this in updated () this.shemes = this.tsStore.shemes but it's seems like it has a binding left.. because when i delete one item in this.shemes on click i've also delete that item in the state and get the error of "Do not mutate vuex store state outside mutation handlers". I need to clone the state and do what ever I need to do with that data

问题 I am using firebase auth and when users change their profile, such as their displayName , photoURL , or email etc. the onAuthStateChanged callback won't be fired, but the underlying firebase.auth().currentUser gets updated automatically. I need to update the UI after the user updates their profile, ie. I would like to keep firebase.auth().currentUser in sync with the client store (specifically vuex or redux -like store). Is there a way to observe firebase.auth().currentUser for changes, or

问题 I'm getting the following error. [Vue warn]: Property or method "updateData" is not defined on the instance but referenced during render. Make sure to declare reactive data properties in the data option. As far I can tell by the code, the method is there, so I'm stuck on something that I miss due to my ignorance of Vuex. I've googled the matter and got quite a few answers but none of them made me any wiser what to do. It seems to be something with scope, I'm sensing. I also get the error

问题 I'm getting the following error. [Vue warn]: Property or method "updateData" is not defined on the instance but referenced during render. Make sure to declare reactive data properties in the data option. As far I can tell by the code, the method is there, so I'm stuck on something that I miss due to my ignorance of Vuex. I've googled the matter and got quite a few answers but none of them made me any wiser what to do. It seems to be something with scope, I'm sensing. I also get the error

问题 I have a component that contains some checkboxes. I need to be able to access which checkboxes are checked from other components in my Vue application, but I cannot for the life of me figure out (nor find online) how to properly connect the checkboxes to my Vuex store. What is the right way to connect checkboxes within a component to a Vuex store, so that they act just as if the checkbox was connected to the components data via v-model? Here is a starting point for what I'm trying to do (in a

问题 I have a component that contains some checkboxes. I need to be able to access which checkboxes are checked from other components in my Vue application, but I cannot for the life of me figure out (nor find online) how to properly connect the checkboxes to my Vuex store. What is the right way to connect checkboxes within a component to a Vuex store, so that they act just as if the checkbox was connected to the components data via v-model? Here is a starting point for what I'm trying to do (in a

问题 I must be missing something. How can I use vuex mapState with multiple modules? As far as understand, besides passing an object as argument, namespaced mapState can take two arguments: namespace and an array of object names denoting the members of modules. Like this // an imcomplete vue export default { computed: mapState('user', ['addresses', 'creditCards']) }; But what if i'd like to add objects from a second namespace to computed? e.g. vendor like this: mapState('vendor', ['products',

问题 So currently I am working with VueJS 2 and I am very new with it. Now I was getting some help with some other people, but I am still stuck. Here is what I want to achieve (example - closely linked to what I want): I have a NodeJS application that listens on WebSockets. The application listens for connections via WebSocket and will take JSON data, with a command and then a data object with any content needed for that command. The command for example could be login, and the data be username and