Category "vue-component"

Paginated async Component doesn't trigger setup() on route change

I have a paginated component. The async setup() method is pulling data from an API to populate the page. It works fine when the route is directly loaded, but wh

Ability to load component while axios

Is it possible to do the following: There is a spinner component. axios: method() { SPINNER (component) -- on axios.get('/shop', { params:

How to add style in Vue js 3 on a cdn based app

I'm learning Vue js. I created a Vue JS app with cdn link and I want to know, how to add element style to it. I can write template as template: <div>Vue j

Which way better to create vue component (export default vs defineComponent vs new Vue)

After learning Vue.js lately, i'm pretty match confused about how to write vue component syntax i keep seeing youtube tutorials, as well as articles, and everyo

Dynamically access Vue component data variable names

edit: I have used a number in this example which was a bad idea, in the real program I'm not using numbers but names (eg name_abba, name_jef, name_john) I have

How to make nested properties reactive in Vue

I hava a component with complex nested props: <template> <div> <a-tree :tree-data="data" :selected-keys="[selectedKey]" @select="onSele

Here i have a toggled the div but i want to toggle on perticuler div not all

First picture without clicking on edit button Second picture when i click on edit button So here i want is when i click on which ever divs edit button at that p

How to use Axios with Vue 3 Composition API

I am attempting to build a Pokemon filtered search app with Vue 3 and Composition API based on the following tutorial: https://www.youtube.com/watch?v=QJhqr7jqx

How can I display a default value if the expected value is null?

Is there away to display a default value if the expected value is null? Ex. <v-card-subtitle class="py-0 my-0">{{ user.name??'n/a' }}</v-card-subtitle&

How to convert some Nuxt code into some Vue?

How can I convert this Nuxt script into a Vue compatible one? <script> export default { components: { FeaturedProduct }, async asyncData({ $axio

routers and components in vue.js

My component information is not displayed!!! the router is working great and I test it to many times but there is nothing in components when I run the project.

Vue Test utils custom event trigger is not working

Parent Component <div> <DropdownContainer v-model="selectedTitle" title="dropdown-title" :options="dropdownOption" @load-data="do

Is there a way to have a vue component whose template only contains the text of a property?

Is there a way to have a vue component which has a template area that only contains plain text? The problem I face with the current solution (using a div to wra

Flip box image not displaying correctly when responsive

I am using Vue (not that it matters as this is a CSS issue I'm sure). I have 3 flip boxes, taken mostly from the w3schools instructions at https://www.w3schools

can't use template ref on component in vue 3 composition api

I want to get the dimensions of a vue.js component from the parent (I'm working with the experimental script setup). When I use the ref inside a component, it w

Binding button with keypress in Vue3.0

I am trying to trigger the button when mouse clicked it or a key is pressed and I get confused about communication between components. How should I call pressDo

Vuejs: Parent component not updating after updating child component

I need clarity. When there is update in a child component in vuejs, even the parent also triggers its updated hook. But I thought that the parent had already un

How to trigger graphql useQuery on demand only once?

With the help of graphql-codegenerator we created a graphql useQuery that correctly retrieves data from the backend. When a string is entered into an input fiel

How to remove vuetify autocomplete component default icon

Vuetify autocomplete by default have custom "up" and "down" arrow icons: How can be changed this icon to search icon in other events (active or inactive) an

jQuery not working in vue component when change route

I have an issue with jQuery script files is not working inside vue component but it working outside it, I found a solution to put all script files in script sec