Vue (or maybe Vite) automatically converts my css style from "top: 0; right: 0; left: 0; bottom: 0;" to "inset: 0px;" Since I need to support older browsers, where inset is not available, this results in a bug. I need…
I have a graphic chart that has some dots in it. These dots may locate in one place. I need to process click on two or more elements in the same spot. Is there any simple ways to do that…
I'm trying to display icon when condition is passed and for that I'm using theme icon Script Code <script setup> import { h } from 'vue' const props = defineProps({ itemDetail: Object }); const passedIcon = h('i', {class: 'bx bxs-check-circle'});…
I'm using Vue 3 and I try to implement a skeleton loader for a placeholder when the data is loading and I can see it works if I turn on throttling in the Network tab of the browser. However, when…
Given is a VueJS 3 application, based on Quasar and I am struggling to use the Router programmatically. The issue is described best like this: 1. The Problem When I push the User to another route, only the URL in…
The parent component has data that I want to pass to the child component. For example, I created such a component with data. Parent component <template> <NameUser :data="userData"></NameUser> <div>first name: {{ userData.firstName }}</div> <div>last name: {{ userData.lastName }}</div> </template> <script…
I need to make a composable universal. Here's my case, I have 3 components - ItemSwiper, ItemCard and ViewRecipeDetail. ItemSwiper contains card slides and it is the parent of ItemCard. ItemSwiper has a loop of recipes: <Slide v-for="recipe in storeRecipe.data"…
on the vue3 page below I have integrated a player that shows a "play" icon when the player is stopped, and a "pause" icon when it's playing. What I am now trying to do is to let the player repeat…
I have view with from and to date along with some branch,spareparts as drop down when i select from and to date it will retrive some data along with branch name,grand total etc.what i am trying to do is i…
In a Nuxt3 project, I'm using v-model on a component. According to the Vue docs, this is how to do it: In the parent component: <MyInput v-model="myData" placeholder="My placeholder" /> In the child component <template> <div class="my-input"> <input :value="modelValue" @input="$emit('update:modelValue',…