Category "vue.js"

How to POST correctly a form that have data and files with VueJS, Axios and Laravel?

I am posting here as a beginner of VueJS and Laravel. I am stuck with a problem that I can't fix by myself after hours of search. I would like to know how corre

vue.js cannot use data property in computed method

I'm trying to use a property of my data in a computed method like this: data() { return { ToDoItems: [ { id: uniqueId("todo-"), label: "Learn

pass variable into GraphQL query in Gridsome/Vue.js

I have a Vue.js app running with a GraphQL backend, and Gridsome as the Vue.js boilerplate generator. I'm trying to write a GraphQL query to only return the da

Props gotten directly from vue 3 setup are not reactive

I am writing an application in vuejs and i want to pass prop to a child component but I am getting this error: Getting a value from the props in root scope of

integrate new Vue js 3 app to spring boot/thymeleaf application

I already have an application built with spring boot/thymeleaf as a template engine and everything is working fine, now I need to add new section to the applica

Laravel Sanctum CSRF not authenticating

I have a problem understanding use of CSRF tokens with Laravel/Sanctum. As I see, there is no need to create Sanctum API token to authenticate user, and conside

Use filter in Vue3 but can't read globalProperties

Just a quick question, I know that Vue3 doesn't use filters anymore and notes says use computed or methd instead. but also there is a globalProperties we can us

How do I do Vue.set() in Vue 3?

As explained here, Vue 3 has moved a bunch of functions that were available on the global Vue instance. They are now named imports. This leads me to think I sho

VUE-js Accessibility for b-spinner -- audio announcement of data loading using Aria that REPEATS every 3 seconds

I am trying to add accessibility for the audio announcement of "data loading" when a spinner is visually showing that the data is loading. Obviously, I am looki

How to get the component type in <script setup>?

This code comes from the official documentation and does not use defineComponent() to declare components. I tried and failed, and webstorm failed. //App.vue <

windicss classes doesn't work in Nuxt App

I got some issues with windicss. Classes don't apply on elements. I've tried to install an older version of windi and it still doesn't work. I've even tried to

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?

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

Error: Cannot find module 'webpack/lib/rules/DescriptionDataMatcherRulePlugin' Require stack:

I have webpack-cli installed on my laravel project. I don't know why first of all we need it to run my vue app but this is causing an error: When I run npm run

How to destroy/unmount vue.js 3 components?

I have a fairly large vue.js 2 application that has a dynamic tabs mechanism. Users can interact with the application opening and closing tabs, each tab represe

Setting ChartJS plugin on vue-chartjs not working

I am trying to change the canvas background color of my ChartJS chart to export it as an image but it has a black background. I've tried the workaround from the

import.meta.glob() can only accept string literals

I have a vite vue3 project. In the component I try to get the URL of all images from a folder. It works when I write const images = import.meta.globEager("/src

How to override Kendo grid CSS

I have following grid in vue.js. I wanna to change the grid header background and text color and hide the scrollbar according to these links: https://docs.teler

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 to make ESLint understand that function is used in vue pug template?

I have following vue component. <template lang="pug"> button(@click="onLogout") Logout </template> <script setup lang="ts"> function onLogout