I having a problem optimizing the performance of my application build in Vuejs3/Vite and Aframe. I need to somehow prefetch 6 videos. The problem is that each time I open a modal the browser fetches a video again. I want the browser to only fetch it once and store it somehow. My application should look like t…
Tag: vuejs3
Vue 3 Composition API state not updating when use function [closed]
Closed. This question is not reproducible or was caused by typos. It is not currently accepting answers. This question was caused by a typo or a problem that can no longer be reproduced. While similar questions may be on-topic here, this one was resolved in a way less likely to help future readers. Closed 1 y…
How to make Provide and Inject Reactive in Vue?
I am trying to pass data using provide and inject but the injected data is not reactive, can any help me to make it reactive. I am changing the ‘ParentName’ after 3 sec using mounted hook’ In child component, i am injecting the value But I am getting the injected name as ‘Initial Value…
Vue 3: Why variable watcher doesn’t work correctly?
I have like this code in my project: My watcher doesn’t work when I set num.value = 1. How I can fix this to work? But when I run with setTimeout it’s work Demo project here Answer You add the watcher after you set it to 1, so there is no chance for it to catch it.
How can we make our custom PDF editor with our custom editable logics with vuejs?
I want to make a feature using vuejs jsust like MS word to edit PDFs. How can I make such pdf editor with vuejs in which I can add my own customization logic? e.g. Feature should be able to do things like Adding conditional replace text Adding tags to text within pdf Change background color of text. Answer Th…
Vue3 does not react to class field internal updates in the same way as Vue2
I have noticed that while in Vue2 you can bind an element to the property of a class, and the element will update when this class property is changed from somewhere outside of the Vue world, this seems not possible in Vue3. I have created two simple examples here to show what I mean: Vue2: https://codesandbox…
Vue 3 app bug: why is this method executed before any click event occurs?
I am building a quiz app with Vue 3 and Bootstrap 4. I have this method for checking if the clicked answer is the (same as the) correct answer: It should be executed upon clicking a list item, as seen below: If the clicked answer is correct, the list item should be added the classes text-white bg-success, oth…
Why does this Vue 3 form validation script fail?
I am working on a Users CRUD application with Vue 3. I run into trouble while trying to validate the data in the “Add New User” form. More precisely, I use the function below to make sure no form field is empy: For a reason I could not figure out, the formErrors array looks like this [“The e…
Vuejs Iterate through a ref object
I have a small problem, I get my ref object from that method And i want to use another method using that ref object : But i can’t iterate through : Is there anyway to make that work ? Thank you 🙂 Answer As the response is an object and not an array, you cannot iterate over it with forEach,
Any way to make sessionStorage reactive in Vue3?
Lets say I built an app, that fetches data through axios.get from a database every time it loads or is refreshed. This makes the app slow, so I want to only get the data in the initial load of the app and put it into sessionStorage. Problem is that sessionStorage is not reactive. When I do this: and want to