Category "vue.js"

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 to distinguish files which have the same name but in different sub-folders in sourcemap?

In my VUE project, there are several templates which have the same filename but located in different source sub-folders. I'm using webpack 3.12 to build it, and

How to mock VueAxios in jest

I want to test my Api functions which are on separate file outside vue component. Inside this methods i call api by Vue.axios, and i can't find the way to mock

How can I set option value selected in v-select in vue.js 2?

I am trying to set option selected where option value is 1. But I am getting in trouble when using v-select from vuejs. This is how I am trying to do - <v-

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

Detect navigation abort/cancel in a guard

Currently it's expected that the navigation is confirmed, so both beforeEach and afterEach global guards are triggered. showSpinner and hideSpinner are supposed

How to save current language (i18n) in localstorage (Vue)

I'm developing an app in Vue using Vue Routers and Vue $i18n plugin. This is my HTML: <div class="locale-changer"> <select v-model="this.$i18n.locale

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

Vuetify v-divider vertical too long?

I have this components, <v-list-item class="paid-section-card"> <v-list-item-content align="center"> <v-list-item-titl

How to fix "Property XX does not exist on type 'CombinedVueInstance" errors in VSCode? (Vue with Typescript)

VS Code is reporting a lot of problems/red lines when editing my Vue Typescript files: Example error: [ts] Property 'isLoading' does not exist on type 'Combin

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

Class 'NunoMaduro\Collision\Adapters\Laravel\CollisionServiceProvider' not found

When trying to install composer in laravel project get this error. Illuminate\Foundation\ComposerScripts::postAutoloadDump @php artisan package:discover

NuxtJS ignore webpack/chokidar watchers for specific file or folder

I'm using NuxtJS' serverMiddleware for logging. It works on every route. import { logger } from './utils/logger'; module.exports = function(req, res, next){

Returning data from a Vuex action

Can I return data from a Vuex action or do I need to update the store? I've got an action defined but it returns no data: getData() { return { "a" : 1, "b"

Property or method "handleSubmit" is not defined

I use vee-validate to do my form validation. All goes well until I tried to use its Nested Observers function: https://logaretm.github.io/vee-validate/guide/for

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

How to trigger Vue Apollo Query update when skip is true?

if anyone of you using Vue Apollo please help, if I do something like this, export default { apollo: { statsAndProfile: { query: STATS_A

How to handle permissions for route from database?

In Vue, when I want to restrict some pages for some users, in router I define a permission in meta, like this: routes: [ { path: 'transport',

Axios response.data return HTML instead of an object

I need help about Axios. I develop a SPA webapp on Laravel 6 (with package SPARK) and VueJS (version 2). On a Vue component, I want to retrieve datas from my b

How to mock $nuxt object in vue-test-utils and jest

I am using vue-test-utils and jest in order to test my code. My test run without any problem except if it pass through the code below $nuxt.$store.commit("devi