Vuex Questions
Ad
How to write Vuex mutation without asynchronous promise
I am building an app with vue.js, vuex, and firebase. in this app, data from firestore database is updated to the state in mutations. the app in
How to display store items in v-for loop with Vuetify grid?
I am attempting to display card items in a v-for loop with vuetify grid system. the loop is set up to iterate through dynamically inputted
How to bind dynamic inputted values to v-for input fields in Vue.js
I am attempting to build a simple vue.js spa that enables the user to render inputted values in individual input fields in a v-for loop. so far, i
how to get data from firestore database using vuexfire?
I am writing a chat app with the following data
VueJS 3 / Vuex - How to display data from a nested json result
Dears, i've been struggling with this for hours, even following basics tutorials. i'm trying to display some data in json in my vue
Access to Object property using computed method in vue 3 veux shows undefined
I get undefined when i try to render the values of the computed property in the template using its property {{todo[0]['title']}} but
Vue - Is it fine to store a value in session storage rigth from the main.js file?
So i have a session storage value set to false that i need to keep track of for the user session that is managed by vuex. i set up the value right
How to correctly type vuex modules in vue 3 and typescript
I am trying to figure out how to type vuex modules in a vue 3 typescript project. the official documentation is lacking in this area.
What am I doing wrong when using Vuex.Store?
I want to take advantage of the "vuex store" capabilities to store and use the "isauthenticated" variable throughout the
Vue-good-table won't display "emptystate" after being populated
I have a vue-good-table that initially renders the "emptystate" message before i assign values into the rows field. after i add values to the rows
Ad
VueJS - VueX and flash messages
I use vuejs 2, vuex, nuxtjs and vue-snotify
Vue 3: How to access state in a method function
New to vue so may be missing a basic part of vuex or more likely how the composition api works. i am trying to make a post request to my api. i
Firing Vuex actions asynchronously and sequentially - what am I not understanding?
I have a vuex store and i am trying to fetch data from the firebase realtime database. i am initially fetching the user information, however
How to set up parameters and arguments in Vuex mutations
I am building a todo list app using vue.js, vuex, and firebase. the app appears to work properly in that the store file successfully manages the
How to put in Axios request 2 params
Im try to create a simple crud app on laravel with vue.js (vuex also) in laravel im create resource controller usercontroller im have a problem
Why is vuexfire not updating state but updating the ui correctly?
I'm trying to set up vuexfire with firestore for a project, i think i've done everything according to the docs. i managed to get data from
Get vuex store state after dispatching an action
I'm creating a chat application in laravel 6 + vue + vuex. i want make a call to vuex store and
how to fix error "net::ERR_SSL_SERVER_CERT_BAD_FORMAT" When useing vuejs and nodejs with https and express
I have some code to send https request in vue.js and when use actions methods in vuex for send https request i get this error in console
Add header token to axios requests after login action in vuex
After building login system with laravel pasport i want to add header token to axios requests but axios.defaults.headers.common["authorization"]=
How to set values in Vuex store in Nuxt.js app
I have never used vuex with nuxt.js, so i have met the problem. here is my store/index.js file:
How can I get these promises to resolve in order
I am having issues with firebase promise chains resolving before the entire chain is completed. i have a login and signup modal that displays
Ad
Vuex and array.findIndex: cannot find a match
I can't seem to make array.findindex work and i am sure that there should be a match in the array i am searching for but findindex always returns
JS and Firebase. Upload multiple images, Wait for URL and upload to database
[sorry for duplicate question] this is my working js-function for uploading images. the problem is that the function for uploading the
Middleware to Vuex state not updating state?
I am trying to get my firestore data that i am getting to be stored in my state but it does not show up in my vue dev tools in the state.
Vuex and Firebase, store additional user info
I have a function where i'm creating a user with firebase and vuex, and want to store some additional information about the user. when i
Handle data load - Vue
I'm loading item data from vuex into a component. when i refresh the page it needs a second or two to load the data which causes the page to break
Firestore data not changed in Vuex
I have this vuex action that should change a users status on logout but since false values aren't save in firestore, it isn't working
How to limit the Topic List to 5 (Items) after clicked to Show more (Button) show only 3 (Items)
How to limit the topic list to 5 (items) after clicked to show more (button)only. also 3 (items)
Vuex and API calls
I'm trying to implement vuex in an app i'm building to learn more about vue.js. the idea is pretty simple: retrieving user information and a list
Vue switching between same components in router-view will not mounted/created again
When using same components, like two versions of user.vue which are only different in there data, then when switching between those,
How to access $route within a splitted (vuex) getters.js file?
I am using vuex as splitted (getters.js, mutations.js, actions.js, state.js) files and i want to use the $route plugin variable inside the
Vuefire with Chart on Vue.js
I am trying to sync my chart' array data with my firebase value. chart getting arrays for label and data. i would like to bind this chart data
Ad
Laravel relationships cause errors when reaching respective properties in Vue
In the laravel controller i have something like: $entry = entry::with('studio','user','user.operator','type', 'chef')
check and uncheck checkboxes individually despite of have been created in for loop in vuejs
Good day developers, i just have created an array of checkboxes and wnat to check-uncheck each one separatedly , but when i trigger te action ,
When to fetch data from API via Vuex again to keep the data up to date
I'm fetching data from an api and want to achieve it via vuex. so my users store module is holding and managing all users. to fetch all
Deconstructing/mapping all Vuex state object properties to component scope
In my component, im trying to retrieve object from vuex state, and bind all of it's properties directly to the the component's
Difference between Vuex store WATCH and SUBSCRIBE
What is the main difference between watch and subscribe and when i should use one over another? from
Vuex Axios CORS Block Acess-control-allow-origin
This is the error:
Vue-Router: Protecting private routes with authentication the right way
I have a /profile route that should only be accessible by an authenticated user. from research, the recommended approach is to use
Vue.js: EventBus being called multiple times
I'm building the logic for an 'undo delete' - action. for that, i'm using an event bus to send an event to two unrelated components like so:
How to correctly use Nuxt / Vue ...mapMutations
I'm trying to use ...mapmutations with vuex modules in nuxt. my call to this.setdates(dates) results in an error:
Laravel & Vue: Initialise Authentication from Store before rendering any components using
I am currently working on a project using laravel & vue. what i want to achieve i want to authenticate a user before
Vuex - update object in mutation
After the user clicks a button i want to replace the data in my vuex store with the data from my local object. but i am stuck at the mutation.
Ad
Error in render: "TypeError: Cannot read property 'name' of undefined" (Vue)
I just learn about vuejs using state management like vuex. i got this error error in render: "typeerror: cannot
VueX Getter not running after Mutation
I have wired up vuex and the mutations are working correctly, however, the getter method isn't running again. i'm using vuejs with typescript
Why does Promises.all doesn't work in my vuex store
I'm facing a weird issue right now. i have a vuex store in my vue project which is seperated in different modules. i want to use
Console.log getting called twice in Vue js watcher
I am trying to create a timer for quiz. the timer is obtained from the api output which is in seconds. i am using vuex to store result of the api.
State array push in vuex is not a function error
I have an array in store/localstorage to save a user's id and work time. however the array.push function is not working. export
Vuex - Calling Async Functions
I'm trying to use vue's async actions to make an api call. the problem i'm having is that the data isn't coming back quick enough. the method
Firestore specific data read does not work with variable but works with static value
I am trying to query specific document from firestore database. the problem seems to be that if i add the doc(id) statically, it
vuex-class: accessing Vuex outside of a Vue component
How can i get access to vuex outside of a vue component with vuex-class? in normal situation it is pretty simple: // some
how to set cookie with httponly flag in vuejs and vuex that cookie cames from server(Laravel)
I have one vuejs project as front-end and one laravel project as back-end using for making api and server. i work with
Vue.js best practices in data settings, using data method to set data dynamically
I have created an app, which works pretty good but i am (i think) doing stuff on places where it's not the best practice to do. i have a component
Update vuex state after axios PUT response
I am trying to get a grip on vuex by developing a small games list app with a small nodejs backend. i have a game list component with an
Ad
How to Map sub-State in nuxtjs
I have created a state ~/store/modules/general/index.js there are get_info and
Why is there an error when installing vuex?
Tell me, i understand that there is a problem in the versions, but how to solve it? i have tried: npm cache clean --force
Why Vue doesn't see vuex?
I work with microfrontend single-spa (https://single-spa.js.org/) i create a
I am getting a Module Error in vue js while using vue, I have defined "cart" as well
I am following this video tutorial on youtube and
Why does promise go into the .then() when the response is an error? - Laravel
I am making a spa in laravel with vue.js and vuex and vue router. i made an action in my store for logging, but when i log in with invalid
Axios call to controller generates 500 (Internal Server Error)
I am trying to implement a register function in my controller but when i the tryregister action the browser logs a 500 (internal server error). so
How can I log what is going wrong in my controller
I am trying to register a user on my website with the laravel/vue.js/vuex. in my store actions, i'm calling the tryregister action to post a
Vue md-input with Vuex updating only in one direction
I have a vue app with an input element bound to a like this: <template> <input
How to change the value of v-overlay if getters are available in component?
In the component of vue.js application i take information from the vuex storage. inside that component, i want to show
How to pass data from vuex store through module to vue component?
i'm able to console data, as well as able to see data in vuex dev tool but not able to display them in table. please if someone
Where is vuex physically stored?
How can i access vuex data using the console or any other method when my vue app is on production? can't use vue devtools because i am on
Ad
Why vue-socket.io doesn't send the message on the server,
Please help for my problem. i try to create real-time chat on vue, vuex and nodejs (initially, messages should be received through the post
Vuex getters has undefined data when I try to load data from API and use it in multiple components
I have a page component where i am making api call and storing the data in vuex store through actions. this data has to be used at multiple places
Pagination in Vuex Store
I have cloned this awesome shopping cart repo from
Nested v-for loop on firestore data reactively duplicates deepest layer on changes
I have nested data in firestore, and i want to represent this as a nested list. however, when i change a value in the firestore database, the
Importing dependency works in one file, but not the other
I am starting adventure with vuex, and making some auth module. found some examples that i am trying to follow, but got stuck trying to use axios
Problem with removing data from realtime database
I have a small problem with remove data from firebase realtime database in users list made in vue.js v-for. on my small project i have database
Uncaught Error in onSnapshot: Error: Missing or insufficient permissions on signOut()
I'm using vuex and firebase to implement user authentication following the instruction of
asyncdata function not rendering vuex data on sever side
After fetching data from vuex store in asyncdata() function and checking page source. data is not showing on page source.
.orderByChild() is not working on Firebase (vue.js)
I'm trying to sort my data by using .orderbychild, but the data are filter by the name of the node. i added this on firebase :
Async/Await not working for VueX getter but works for log
I have an object of convos with userids that i need to loop through and, inside the loop, i need to make a call to firebase to get the
How return value after create data firestore
I'm trying to create data using firestore like below this createdata({state}) { return db.collection('items').add({
Ad
How to set dynamic object values with Vue/Vuex?
I'm struggling to understand how to dynamically create & populate a key: value pairs in an object in my state using vue/vuex, here's an
Preventing man-in-the-middle attacks with user authentication (Node/Vue/Passport)
I currently have a webapp i'm writing in node/vuejs with passport handling authentication, and i've run into a problem. i was thinking about how i
Vue.js - How can I solve [Vue warn]: Error in render: "TypeError: Cannot read property 'port' of undefined"?
My object looks like this : { "container_status": { "name": "/dev-ms", "port": { "2233/tcp": [
How can I return the data as multiple objects?
I set an empty array inside a state const state = { jobs: [] } inside the component, i dispatch an action
Checking for New Entries in Firestore - Local Storage
So i have a firestore database where i have all my posts in, i push them on page load into the store so i can have a fast navigation and only need
Vuex, namepaced module getters not available in root getter?
Namepaced module getters not available in root getter, vuex. hey guys, i have a getter in my root state, this getters needs to
How to use mapState in js files?
I want to access my states from a .js file using mapstate in vue.js. i've tried import {
check more then one option and filter in vuex
I am trying to filter the data in vuex store. i can do it, but not properly. if i check just one option then it filters and displays checked item.
Vuejs Laravel Passport - what should I do if access token is expired?
I am using vuejs spa with laravel api as backend. i successfully got the personal access token and store in localstorage and vuex state like
The localStorage is not refreshing in Vuex
I write codes with vuex to login and logout in my laravel single page application it's working well but when i login to an
How to detach Firestore listener in from my vuex action?
I am using firestore to fetch my saved data in my vuex store. i can not quite understand how i would detach the listener when i, for example, sign
Ad
How to modularize complex view using vuex
After couple of month using vuex, i'm not sure that i'm using this in the right way. my main question is, how should i modularize
Vuex TypeScript does not update String, but Array
I am currently "working" with vue. the store is updating my array, but does not update my string or boolean. my code ist
vuex is state.array.push reactive?
Im a bit new to js and vue and am not quite sure if i understood the documentation correctly. it says: due to the
How to add new values to an array object using Vuex?
I'm new with vuex, and i'm trying to store objects into an array called orders that have place on the store.js file. i try to store the
Vuex actions not working properly. Shows an error "signInWithEmailAndPassword failed: First argument "email" must be a valid string"
Im new in vuejs state management. i tried to make a login system with firebase using vuex. but getting this error.
Unable to fetch data from API (Resource blocked by client) in Vuex
I'm trying to fetch some data from my api using vuex + axios, but the action give me a "network error" (err_blocked_by_client). when i was
can't fetch api data and store with vuex - vue.js
I have problem about api fetch with vuex. and there is no problem with my endpoint. i can see the json data. but when i try to fetch it i can't
import vuex store into axios and app.js file
Using nativescript vue. i have put axios in its own file, where i can add interceptors etc (in this case to handle a jwt refresh token). in my
Unexpected token U in JSON at position 0 - Not able to store data
I am trying to store my products in vuex, but for some reason it displays this error: "app.js:6693 uncaught syntaxerror: unexpected
How to get collection from firestore and set to vuex state when the app is rendered?
I have a firestore collection called categories. the documents in this collection are used by every page (route) in my vue application so i
Vuex State of an Array of Array is undefined
I have a store on vuex with a socket listener. this listener add to the state messages an array of array. export const store =
Ad
Update state after using dispatch
Im using vuex and i have an action storeexpense(context, params){ axios.post('api/expenses', params) .then(
State variables becoming undefined when calling vuex action
Error message:error: function documentreference.set() called with invalid data. unsupported field value: undefined (found in field
Ad
Blog Categories
Ad