Given is the following node stack: Client (VUE) (8080) Server (express.js) (3000) The client sends a get to a server route, inside the server route a task is running that takes some time but could easily been mapped because server is working over an array of data. Is it possible that the server can send a res…
Tag: vuejs3
How to use placeholder in select box if it is created with v-for?
Update: Due to my own fault of not mentioning, that tool is created in a v-for loop during render, I couldn’t apply the proposed answers although they might have been correct. In the end I did a workaround by adding following css sudo element to the parent of the select element: and setting it to displa…
Vue3 onMounted props not defined
How do I get access to my properties with vue3, onMounted function? I’m using the setup script tag: configuration is not defined. Why is this the case? Answer Try this:
How do I add hover effects over buttons on Vue.js 3?
I am building a calculator to help practice learning Vue.js 3 (I am new to vue). I have got the basic functionalities down but I am trying to figure out how to add a hover animation over the buttons. If possible I am trying to make a different hover color between the buttons in white and buttons in orange. An…
I’m getting an object even though I’m returning an array from my javascript function
I have a function in a javascript file where I return an array. But when I call this function, when I look at the type with the “typeof” command, it returns an object instead of an array. My javascript file is here. Here is where I call and use this function. Although my variable named actions is …
How to pass params in Nuxt 3 server/api?
I can’t figure it out how to pass params to an anonymous function in Nuxt 3. index.vue: server/api/sign_up_news.js: working: Do you know how to pass parameter into Nuxt 3 server/api? Or do you got a source? The official docs are blank at this moment. Answer Use useBody Its mention in the docs: https://v…
Vue 3 arrays – Deletion from array removes wrong DOM element
When removing an element from a ref array in Vue, it removes the right one in the JS side of things, however in the DOM, it removed the last one of the list. I have no clue why it removes the wrong element. For example : When I remove B and logging that deletion, I get an array [A, C].
How to render a returned function value in Vue 3
I am pretty new to vue js. I need to render the value returned by the following function to the row in the table: The function is: The html tag in template is: However, nothing is rendered in that column respective rows. How can I show the value returned in those rows? The full code is here: A screenshot of
Why the sort method not working in the parent component?
This is the first project for me in VueJS. I have a product list and want to sort it by price. I built two components and tried to pass a sort method to the parent from the child component (dropdown button) by emitting an event. but after a lot of attempts, I can’t find the wrong with my code, any
Full Page Layout with Bootstrap and Vue 3
I’m trying to create a Single Page Application with a simple layout of Header -> Content -> Footer using Vue3 and the Bootstrap 5 framework. I am trying to get the Content to fill the space between header and footer and footer to flush to the bottom of page & content so there is no overlap. Ho…