I’m creating a simple shopping cart in Vue 3 for learning purposes. So far, I’ve set up everything from the products object to the addToCart() functionality, and everything works within a v-for loop. The problem is I need to display the product’s title within an alert that resides outside the v-for loop and I have no idea how to do
Tag: vue.js
How to use Google Identity Services JavaScript SDK with Vue / TypeScript?
I’m trying to authorize some Google APIs using the new Google Identity Services JavaScript SDK in my Vue / Quasar / TypeScript app. As per the docs I have loaded the Google 3P Authorization JavaScript Library in the header of my index.template.HTML file like so: Now inside a Vue component I have this: But I am getting a TypeScript error
Vue3 – Ace Editor on v-model change
I am using Ace Editor with Vue3: It’s being initialized like this: Now, I want to automatically persist the value of currentRecord.prompt in my database on the backend. To do this, I was thinking of firing of a request to the backend every time the value of currentRecord.prompt was changed in the editor: The problem here is that the watch
How to add data in an array of Vue.JS from html
Guys I am stuck on my assignment where I am not able to add data from html to the array of VUE.JS I have build this form now what I want is when user complete this form and press Add a new student button it supposed to add all the data inside Students array in vue.js but Idk how to
How to hide and show and element as per input value in vueJs [closed]
Closed. This question needs details or clarity. It is not currently accepting answers. Want to improve this question? Add details and clarify the problem by editing this post. Closed 9 months ago. Improve this question How to show and hide input as per sibling input value in vue js. Answer You can use v-show in the input and pass the
Nuxt SSR app does not share date from store between two windows
I have a Nuxt SSR app which need to open new window on link click, but new window does not have actual data in the store. There are only default values. How can I share actual values in the store between this two pagaes? This is the code of new page which ask for currency value: Answer Yes, if you
Vue dynamic component loading problem with Nginx deployment
I have the following situation: I have a component in my vue app that dynamically loads components depending on an API query. Here is my template: Here is my script part So basically the app dynamically loads a given component depending on some string. This works perfectly fine on my dev environment, however if i try to deploy it in
Wait x seconds for new emitted value before triggering a function
I have a child component that emits a value, and in the parent I perform an axios call with this value each time it is emitted. My problem is that I want to trigger the axios call only if in x ms (or seconds) the child has not emmited another value in order to reduce the amount of calls I
Vue JS – Helper Async Await function to fetch data returning undefined
In vuejs I’m using a helper file with some custom functions that I ll use everywhere in the project. I was refactoring some async await promises, but I cant seem to solve it. I wish to call the fetchUserData(123), for example, and get the data back to the method. Although the request is made and have valid results, the userData
How do I add files from form to Firebase database? Vue js + Vuetify + Firebase
This is my first time using both Vuetify and Firebase. Following a tutorial, I was trying to add some data to my db in firebase (not images). After installing firebase in my project with npm, I’ve set it up in a separate js file like this: In the vue.js file where I have the form for the new object with