Category "vuejs2"

where to look in meteor app if vue-router suddenly stops sending props to other vue compoents

everything was working just fine and suddenly now Vue components are not receiving the props sent on router-view. I've tried deleting the 'local' and .cache fol

Ignore locale prefix for specific route in nuxt-i18n module

For all pages, I need the locale prefix. But for the profile page, I want to ignore it. All pages except profile /{en|da|sv}/path Profile page /peter.hansen I

Blur background of text field (tailwind or plain css)

I want a text to have a blured white background. But im actually struggling with the blur effect. Everytime i try to use filter blur, the div gets blured but my

Unable to catch Network Error when sending request using Inertia + Vue

While sending a this.$inertia.patch request I'm unable to catch a Network Error. I'm turning off the backend server to emulate a lost connection. The console sh

E2E Testing- click on specific button

I have a button, it looks like this in HTML form <span class="v-btn__content">Create</span> My E2E Test, I am trying to click that Create button mo

Shopify App-bridge session token is having some issues while working with the vue.js and Axios?

I am facing some issues while making a shopify application Vue.js as frontend and laravel as backend. I am using app-bridge to generate session token it is gene

Vue test can't find store in child components

I have a parent component and there are several child components. Some children use Vuex store. When I try to mount parent component like below in Vue test, I'm

How to implement background sync with nuxtjs/pwa?

I am trying to use workbox background-sync in Nuxtjs via @nuxt/pwa-module. this is my workbox property in nuxt.config.js file: workbox: { importScripts : [

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

Access this / vm instance from props default (VueJS)

I have a plugin that sets some variables to vue's object prototype. I need to access these variables from a prop's default property. How can I achieve this?

VueSelect How to set initial value with object's property

I'm using VueSelect for address select. There are 3 select components for country, state, city. With using v-model, it's working well to get the specified valu

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

How can I disable dates in Element UI datepicker?

I want to select the departure date then when I go to select the return date I want the function to disable all dates before the departure date in element UI I

Teleport in component from slot Vue3

I want to create tabs component for my components library. I want tabs and tab components to work like this: <b-tabs> <b-tab :title="'tab 1'"

How do I dynamically reflect the country code & flag on UI in vue-tel-input

I'm receiving the country code from the back-end and want to show the same in the vue-tel-input form. I'm using the below code, but its not working as expected.

Vue Table with draggable rows won't get exported reordered

High I'm new at programming in Vue, but I want to use Vue Leaflet. So I made thiggs simplified version of my program which highlights a major programming proble

How to properly apply ternary operator in v-model in vue.js?

I am trying to apply the ternary operator in the v-model but it's not working. I also read a lot of similar questions and answers on StackOverflow but none answ

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

VueJS How to Implement RouterGaurd

In a real-world Vue application, the router can easily get to several hundred line long so I split the router.js into separate (component) route files and impor

Replace nested array for new array

I have an array inside another array: Structure: First Array [ { Second Array [ { } ] } ] So I want to replace all Second Array for new array t