Good day! How do I display all data from PocketBase to VueJS 3 Still new to Vue, Idk why it displays only one data. Tried using v-for but it causes render errors. Any solutions to this? Thank you. Answer With you are overwriting post, so at the end you have one value. Try like: and then use v-for to show
Tag: vuejs3
How to clear/reset mocks in Vitest
I have a simple composable useRoles which I need to test My approach of testing it is the following And useStore is just a simple function that I intended to mock The first test runs successfully, it has all the mock values I implemented but the problem is that it’s not resetting for each test (not resetting at all). The
Toggle active state on button in v-for loop using Vue 3
I’m making a filter header in Vue 3 where you select one category to view at once, so you can click to toggle on and off that filter and also if you click another, it deselects the previous active one, only one or none ever active at once. I’ve found examples such as this jsfiddle which 1. doesn’t have a
sending extra argument to event handler with event argument
i have this input with onchange event handler my imageChange method is like basically setting model.image value on change now i want to have multiple images on my model … so i want to change the image property to array and have an input for each image now i need to send the imaeg index in the array to my
Vue3 use ref from third party package in setup script
I’m using Vue 3 for my project and need to get use a ref from a third-party ReCaptcha package during the submission of a form. The code does not recognize the ref name since I did not personally create this ref: It’s used in the template like this: Usage can be found in the docs for this package here: https://www.npmjs.com/package/@appsbd/vue3-recaptcha
Vue v-for and variable logic unclear
trying to code a chatPage from a tutorial, the tutorial was releases in vue 2.0 and now i wanna use the new vue 3.0 version. I have a messageContainer which will display the chatMessages. it has the messages as an array and it should loop over them and display each one as a messageItem. Yet, the syntax with the v-for
Vue 3: wrap all items within a slot with a custom component by using a render function
I am trying to build my own sortable component. I want to pass a list of items to it’s default slot. The sortable component should then wrap all passed items with a custom v-draggable component. Now withn my v-sortable component I am trying to wrap all given nodes within default slot with a custom v-draggable component. My v-sortable component looks
Cannot pass a personilized header with axios
I hava an application doing a CRUD, but when i try to use the method delete, i keep getting a 406 (Not Acceptable), I’m using an API formated in json_api, so i need personalized headers, in all other methods its working, but only delete not. My axios.js My headers.js And my editUnit.vue The code referent to the delete method is
401 race conditions with axios/laravel – CSRF/Unauthenticated
I have a SPA application that is powered via axios. Now, I originally noticed that the CRSF token was being dropped randomly which we identified as a race condition when two requests fired concurrently. I since changed the storage mechanism for sessions to the database and added atomic blocking to my routes and disabled the requirement for CSRF for routes
Data becoming a proxy when trying to make a SearchBar with vue3
i have an application made with VueJs3, and i trying to make a searchbar based on .filter(), and it seems to be working, but when i try to pass te value from my methods to my template its making a huge error, my data is becoming a proxy, and i cant use the data in a proxy format. The code: