Tag vue js vs react

On Chrome "sortable-chosen & ghost" class are not removing after draggged password input field

I'm using this package to create a dynamic form builder application. The input type password field on chrome shows saved password and drop down after I drag that input is not working and "...

404 Error when page gets refreshed/revisited

Tried using history mode in vue.js to remove hash sign from the URL. Downside of this is when the page got refreshed / revisited, it occurs 404 Not Found. There's a documentation from the website ...

How to implement running balance in vue.js loop?

I have a table with monetary transactions and I want to show a running balance of sorts. Initial Balance: 1000.00 | ID | Amount | Balance | |----|--------|---------| | 1 | 100.00 | 900.00 | | 2 |...

Vue: Best approach to access possible existing nested properties in error object

I'm looking for a good and reusable approach to access possible existing nested properties (nested object and array of objects) inside an error object without typeErrors. I have a createCompany form/...

Vue3: Check if event listener is bound to component instance

I have a reusable Badge component. I want to be able to add a close/delete button when an onDelete event listener is present on the component instance. <template> <div class="flex ...

Prevent Vuetify v-tabs from change

Is there a way to prevent the v-tabs from actually changing when being clicked on? In my case I first need to check if stuff on the page has changed and want to cancel the switch to another tab if it ...

How to change navigation focus view of v-date-picker with manual trigger

i made vue date range picker manually using v-list and v-date-picker : <v-card width="600" elevation="1" rounded> <v-container class="pa-0" fluid> &...

Customize year title for v-date-picker

I have a date picker with Japanese locale <v-date-picker locale="ja-jp" ></v-date-picker> This helps to keep kanjis for week/month/year. But is ...

Vuetify Outlined text field label position is wrong when active

I am using "@nuxtjs/vuetify": "^1.11.3" for my project. Everything was working fine. Recently I am having a problem on outlined text-field or select. When active label staying ...

How to align v-text-field label using reverse tag in Vuetify.js?

I have used vuetify.js as UI framework in Nuxt.js my latest project. In v-text-field component, I tried to user reverse tag to move text align right. But I didn't move label from align left to align ...

How can I expand on hover navigation drawer and use app bar icon on smaller screens?

I'm trying to achieve to have my navigation drawer with expand-on-hover property true if i'm on desktop and show the classic v-app-bar-nav-icon if I'm on smaller screens or mobile. I have done this ...

Vue How to return value from async/await function?

I am calling an async function in my html. But it's returning a promise. How can I display the value from the aysnc function? <div> {{ getUser(userId) }} </div> async getUser(userId) {...

Vue/AppSync/ApolloClient Property 'hydrated' does not exist on type 'ApolloClient '

I'm in the process of implementing something similar to this project, https://aws.amazon.com/blogs/mobile/building-a-serverless-real-time-chat-application-with-aws-appsync/ however whenever I try ...

How do I put the bordered text underneath the nav-menu text?

I did a round bordered text right next to the nav-menu. I having issues on how will I put the text underneath the texts. Refer to the image below. I wanted to put the coming soon texts underneath the ...

How to save the ids from one form in one page to another intermediate table

I have users table where role is a field in it which can be student, patent, teacher and admin. I have to insert data in student form in one page, it can be done with users whose role is set to ...

Post data array with formData axios

i will send array data using formData. the backend accepts the data array with a dash ; example if in postman using form-data like this: id_barang : 122;288;383 (send 3 value id with dash ;) if i use ...

Vue: Check if emit is passed to component

I have a reusable Badge component. I want to be able to add a close/delete button when an onDelete emit is passed by the parent component but I can't find how to check of this. <template> &...

How to bundle tailwind css inside a Vue Component Package

In one of my projects, I build a nice vue3 component that could be useful to several other projects. So I decided to publish it as an NPM package and share it with everyone. I wrote the isolate ...

NUXT JS insert Array inside Array and display forEach

Good afternoon everyone! I'm stuck since 3 days searching answers in forums and here also, and i can't solve it.. Maybe you can help about this problem: In javascript is easier, but in NUXT we can't ...

Vue.js prob is always undefined

Hello i am new to Vue and trying to use probs, but in my component i cant use the prob-data, because the probs are always undefined and appears as $attrs in the Vue-Debugger. My Plan: I want to Use ...

Vue-Router get Props from Router-Function

I have a route as follows: { path: '/tabs', name: 'Tabs', component: Tabs, children: [ { path: 'test/:id', name: 'Test-View',...

Error attempting to access Vue 2 app using IP address of localhost server

I am trying to configure my Vue app so I can access localhost from other machines on the local network, using the IP address of the localhost server. Note: I am using Vue 2. I am developing my app and ...

Router vuejs render the route in a different component

I'm making an app using laravel 8 and Vuejs. Vue-router helps me to render the routes into the component < router-view >. It's working fine. The issue I'm running into comes when I render the ...

Vuejs. Update data() on update

I'm trying to check if there is an authenticated user in order to render the sidebar and the header. If it's not authenticated the sidebar and header don't get rendered in order to display just the ...

12345678910 Last