I am trying to include Vue-Multiselect in my Laravel 7.3 project I eventually want to include the Multiple select options but am trying to get it set up for a normal select option to start with and trial it. I have tried setting it up following all of the instructions given for it (installing it ..
Category : vue-component

I want to increase the loading times on my website. I currently have a list of all my projects and all the projects load on the first pageload. I want to implement lazy loading to those components but I can’t seem to find a way to do it. I have a component called project-card: <project-card ..

I’m building my first VueJS application which is intended to be used by hundreds of people in the future. I tried to make the individual components reusable and indpendent as possible. To achieve this i decided to let every component fetch its required data themselves. This works fine but i’m not sure if its best ..
I’m trying to insert a Vue component in my home.blade.php file. Inserting the default component (ExampleComponent.vue), which comes with the laravel ui package works just fine. But when I try to insert my component (GridComponent.vue), I get that error. I have no idea what’s wrong. I’m new to Laravel and Vue.js app.js: require(‘./bootstrap’); window.Vue = ..
I have a requirement to use vue js slot to inject the content anywhere in the dom. The component is going to have props as below – 1. in: The target element. Should be able to accept a string selector, or an element as object. 2. as: Defines one of the insert modes: (append, prepend, ..
I have created a map Vue component and added and initialized google maps into the component, I managed to place marker on the map. I want to create a function that will generate random location coordinates and as they are being generated, a polyline being drawn on a map (real-time movement simulation). I have created ..
Hello i’m new wtih vuejs and laravel and I have and issue. I have two components of vue, one for a taskpanel and one for task table. Taskpanel add a new row in datebase, and tasktable search in datebase the rows it have. My problem is that in the view i don’t see the new ..
Currently learning and using VueRouter for the first time in laravel. There are no errors but when I try to run the page it just appears blank. I’ve gone through the code and the tutorial i have been following multiple times but cannot see what is going wrong. This is my app.js require("./bootstrap"); window.Vue = ..
Currently learning and using VueRouter for the first time in laravel. There are no errors but when I try to run the page it just appears blank. I’ve gone through the code and the tutorial i have been following multiple times but cannot see what is going wrong. This is the error i am recieving ..
Currently learning and using VueRouter for the first time in laravel. There are no errors but when I try to run the page it just appears blank. I’ve gone through the code and the tutorial i have been following multiple times but cannot see what is going wrong. This is my app.js require("./bootstrap"); window.Vue = ..
I want to convert ag-grid table to pdf file and export it. For this reason I use "jspdf" library. But now I can’t place ag-grid table contents into my pdf. Here is my ag-grid table portion <button @click="createPDF">Download PDF</button> <div ref="content" id="pdfTable" > <ag-grid-vue ref="agGridTable" :components="components" :gridOptions="gridOptions" class="ag-theme-material w-100 my-4 ag-grid-table" :columnDefs="columnDefs" :defaultColDef="defaultColDef" :rowData="usersData" rowSelection="multiple" ..
I ported some vue2-google-maps based components to a fresh Laravel project. I import this vue extension and use it in some components. But for some reason I keep getting this error in Chrome: "Uncaught ReferenceError: VueGoogleMaps is not defined" and everything I tried didn’t help. Hopefully someone has an advice. Most likely it is a ..
I seem to recall being able to emit an event from a parent component to a child component by specifying the emitted event in the opening <template> tag of the corresponding child component. However for some reason it is no longer working in my implementation. Am I delusional or was this possibly a feature from ..
I seem to recall being able to emit an event from a parent component to a child component by specifying the emitted event in the opening <template> tag of the corresponding child component. However for some reason it is no longer working in my implementation. Am I delusional or was this possibly a feature from ..
I recently installed Passport to my Laravel-8 project did the necessary steps but when I want to do a front-end quickstart with "php artisan vendor:publish –tag=passport-components" It displays an error message saying "Unable to locate publishable resources" Please help? I’ve scoured the net for answers but have come up short. Sourc..
I am creating a single page application using laravel and vue. it’s not loading index component on page load. Welcome.blade.php <body> <div id="app"> <router-view></router-view> </div> <script src="{{asset(‘js/app.js’)}}"></script> </body> router.js file import Vue from ‘vue’; import VueRouter from ‘vue-router’; Vue.use(VueRouter) const routes = [ { path: ‘/’, component: require(‘./components/IndexComponent.vue’) }, { path: ‘/login’, component: require(‘./components/LoginComponent.vue’) } ..
please I need a plugin, library or extension which i can install into my vue js application that would enable me write mathematical functions or expressions in an editor or text area. I tried using math live but I could not get a hang of it Sourc..
I’m trying to create something simple with Laravel + Vue.js without having to use the database. I have two inputs from a Vue Component, and I was wondering how I pass those two values back into a Controller. Usually, you use Axios to complete CRUD functions, but I honestly just want to pass simple values ..
I am getting a continuous validation error despite the data being valid. I originally had this forming working, at the time I was only storing one email at a time. When I added the "addNewRow" function, I was unable to post the data. Each time I get a validation error, I am quite new to ..
I am using laravel 8 with inertia js. I have created a component that is a modal. It can be called from the parent component without any problem and send the information. The problem is when the modal is hidden, in console it shows: Avoid mutating a prop directly since the value will be overwritten ..
I’m trying to get the data from database using an API, but there are no output on my vue controller. Am I doing this right? I think I’m assigning the scheduleList the wrong way. I’m very new to vue.js and API, I want to know what I’m doing wrong here. Controller public function schedules(){ return ..
I’m trying to get the data from database using an API, but there are no output on my vue controller. Am I doing this right? I think I’m assigning the scheduleList the wrong way. I’m very new to vue.js and API, I want to know what I’m doing wrong here. Controller public function schedules(){ return ..
I created a Vue component using laravel 5.8, but the console gives me this error. <front-check-user> – did you register the component correctly? For recursive components, make sure to provide the "name" option Before creating this component I already created 20 and never had this error. File app.js Vue.component(‘front-check-user’, require(‘./components/frontend/CheckUserEmail’).default); CheckUserEmail component <template> <div> <h3>Test</h3> ..
Trying to get cities to select the country in laravel through vue.js in the component. I am making dynamic dropdown lists with Vue.JS , the Countries the Cities JSON is not received and not fetched into the view and there is no error shown in the console, I couldn’t find my mistake.. Component Template Code ..
I have a dropdown on Vue component. as well as I have the same dropdown in my blade file also. this vue component is used inside the blade file. using javascript I have loaded the data to dropdown in blade(these data is came from Enum). So how can I use same data in my Vue ..