Category "vue-component"

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

props keep showing as $attrs in VUE DEV TOOLS

enter image description hereenter image description here My props keep showing as $attrs in VUE DEV TOOLS I have tried disabling attrs using inheritAttrs: false

TypeError: Cannot read properties of null (reading 'isCE') - Custom Component Library

I am having trouble building a custom component library for Vue 3 using ViteJS and NPM. I have included a basic illustration of my issue below, can someone plea

Vue stored valued through props not being reactive

So I pass value using [props] and stored it in child component's data. However, when passing [props] value changes from parent, it's not updating in child compo

Vue stored valued through props not being reactive

So I pass value using [props] and stored it in child component's data. However, when passing [props] value changes from parent, it's not updating in child compo

Vue 3 checkbox component does not work in laravel as checkbox (Accept terms) situation

I'm working on a laravel 9 project that uses vue 3. For each form input has been made field components.Everything works fine except registration checkbox (Accep

How do I make a striped v-data-table in Vuetify?

I have a table <v-data-table :headers="headers" :items="bookings" class="elevation-1" :search="search" > <template slot="items" slot-scope="p

How to add an image in a table (using el-table, el-table-column), ie using ui-element in Vue.js?

I am fairly new to Vue.js and have managed to build a simple table using the ui-element. The ui-element used for building the table is el-table and have display