Category "vue.js"

After test is run, Error "TypeError: Cannot read property '$model' of undefined..." appears

UPDATE: I've found out that i have to mock certain functions but it is still a hell of a job :) I've been stuck on this particular problem for almost 3 weeks no

View laravel in heroku doesn't run correctly when first time deploy to heroku

im new to laravel. so i just try to deploy app to heroku but seem it dont work correctly but when i run local at 127.0.0.1:8000 it work fine i already put Pro

How to compare dates in Vuejs?

Hi I'm trying to make a library/book tracking app which tracks the date and returns the status like its returned or lost etc. I need to compare dates in my app

Watch height of an element in VueJS

Is there any way to set a watcher on the height of an element in VueJS? I am trying to fix the filters part on a search result page. but if the results change

[Vue warn]: Error in nextTick: "NotFoundError: Failed to execute 'insertBefore' on 'Node'

I'm receiving the following error messages in my Vue web app occasionally but when it does happen, it completely halts my app. Error msg 1: [Vue warn]: Err

How fix "BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default" error?

I want use "web3" and "walletconnect/web3-provider" package on vue & laravel 8. I install it by npm i --save web3 @walletconnect/web3-provider command and a

Passing value to store getters Vue.js

I'm trying to pass ID as parameter to store getter, but when i console that id I get undefined. Can someone help me with this: Here is my code: This is how i

Watch props change on vuejs

I want to use watch for a props on a child component, but it's not working. Here is my code : props: { searchStore: { type: Object } }, watch:

Unexpected token 'import' error while running Jest tests?

I realize this question has been asked several times but all of the solutions I've come across don't seem to work for me. I'm running into the following error w

vue-svg-loader removes tags when loading the svg file

I left the question on the project's GitHub first but no reaction so I am hoping the SO community can assist. I think there are SVGO options to set in the web p

v-bind on link href does not work but only in production (Nuxt static site)

I am trying to bind a generated link to a button. The link is generated based on parameters passed in the URL. The code roughly looks like this: <a :hr

passing object to component using v-for

I am trying to send a series of objects that are in an array to a child component using v-for, but when I try to access them from the child component, it tells

When printing, Vuetify application reserves space for invisible elements

I created an application using Vue.JS and Vuetify. The layout is based on the Google Contacts layout. I am using both a toolbar and a navigation drawer. I woul

Handle a click event on Splide component

I'm using Vue-splide with the latest version. I want to handle the "click" event, so I wrote <Splide @splide:click="test" :options="options"> functio

Vue JS: reactive syntax

While I was trying to grasp reactivity fundamentals and its syntax I've encountered following problem. Consider this snippet: const app = Vue.createApp({ dat

Vue warning and component not showing while using v-form and v-text-field from Vuetify

I'm trying to use the v-form and v-text-field components from the Vuetify node package. <template> <v-form> <v-text-field label="Test" type

How to use v-model on component in vue 3 script setup

I want to add a v-model on a component but I got this warning: [Vue warn]: Component emitted event "input" but it is neither declared in the emits option nor as

npm run server throws error sh: 1: vue-cli-service: not found

I'm trying to setup an existing vue project and getting this error admin@kali:/media/veracrypt1/themeforest-LSerfC0M-skote-vuejs-admin-dashboard-template/Admin

Unable to filter data in props according to search criteria in Vue 3

I'm designing a client management system linked to a mySQL database and is trying to filter this displayed data from the database that is called through an API

Vuetify v-app-bar-title component is truncated with plenty of room to spare

I am using a navigation bar in my Vue/Vuetify app, and added a v-app-bar-title component to display the name of the page the user is currently on. However, when