I am using Laravel and VueJS to build a page that allows a user to select various medical diagnosis and procedure codes and then click a Save button to populate a form. The codes originally displayed are dependent on an encounter_id that is selected in a previous step of the process. The user will select ..
Category : vue.js
I made some modals in jQuery and they worked fine. Now I am trying to make those same modals but with VueJS. I followed their documentation for making a modal and it worked perfectly. But what I am trying to do is to have a fade on the overlay and a slideIn animation on the ..
my code is two step first step i selecting data from datatable second step if i selected data with same group_id should be giving error. but i did not do. please help me. $(document).ready(function () { $(‘#productTable tbody’).on(‘click’, ‘tr’, function () { $(this).toggleClass(‘selected’); $(this).find(‘input[type=”checkbox”]’).prop(‘checked’, $(this).hasClass(‘selected’)); }); }); // goCustomerStep() { var table= $(‘#productTable’).DataTable(); // Valid ..
We are using Vue to get and post requests to Laravel API. I’m wondering if there is a way to get the URL using Laravel function or route name. Using Laravel/Traditional way, we can do something on the form {!! Form::open([‘action’ => [ ‘[email protected]’,$foo->id ], ‘method’ => ‘post’, ‘files’=>true]) !!} //FORM {!! Form::close() !!} or ..
So, I’m exploring the world of Jetstream and Fortify. Problem is that I want to change the default app.blade.php to my folder admin/app.blade.php. Where is this defines so I can change it? Can’t find it anywhere. Many thanks! Sourc..
I will try to be straight to the Point where my frustrations begin . I trying to build an app with laravel as an Api and Separate Vuejs front end. All i know is to write basic Crud and protect it with Middleware and use validation and some sql relations , 1 – what the ..
I made some modals in jQuery and they worked fine. Now I am trying to make those same modals but with VueJS since it’s clearly better. I followed their documentation for making a modal and it worked perfectly. But what I am trying to do is to have a fade on the overlay and a ..
how can I do a perimeter button wipe function on the map? Is such a thing possible? I want that after I drew the perimeter when I clicked on it to be deleted, but I don’t really know how I tried to make a method and after I put a click event but I will ..
Im following this YT tutorial, I followed the steps but it seems that the ExampleComponent does not show. The App.vue shows but not the route. Here are my code: app.js import Vue from ‘vue’; import router from ‘./router’; import App from ‘./components/App’; require(‘./bootstrap’); const app = new Vue({ el: ‘#app’, components: { App }, router, ..
Im following this YT tutorial, I followed the steps but it seems that the ExampleComponent does not show. The App.vue shows but not the route. Here are my code: app.js import Vue from ‘vue’; import router from ‘./router’; import App from ‘./components/App’; require(‘./bootstrap’); const app = new Vue({ el: ‘#app’, components: { App }, router, ..
How to Use NUXT js in Laravel ?? the main aim is server side Server-Side Rendering / SEO for Vue js in Laravel for eCommerce application. so I google it and found Nuxt js is best for server side rendering. I install separately nuxt js and check that its working fine and in view source ..
I want to update status on confirm click to 1. i am using vue js and laravel. i used axios.post for hit the API. but when i click on confirm to update status, i get error message for route post is not supported. please help me to find my mistake. unconfirmedareas.vue ConfirmArea(index){ var confirmArea = ..
I’ve made a Laravel SPA application with Vue and Laravel Sanctum, but every time I do a POST request with axios I get a 419 error code (CSRF code mismatch). My bootstrap.js window._ = require(‘lodash’); window.axios = require(‘axios’); window.axios.defaults.withCredentials = true; window.axios.defaults.headers.common = { ‘X-Requested-With’: ‘XMLHttpRequest’, ‘X-CSRF-TOKEN’: document.querySelector(‘meta[name="csrf-token"]’).getAttribute(‘content’), }; axios.get(‘/sanctum/csrf-cookie’).then(response => { console.log(response); axios.post(‘/api/auth/login’, this.fields).then(response ..
Here is the click event of Manage Category. Here is the remove method that’s method working in Vue js code. <button type="button" class="btn btn-danger btn-sm" @click="remove(category.id)">Delete</button> Vue JS code is here Here is a method of remove. When I deleted data it’s show notification. <script> export default { name: "manage", mounted() { this.$store.dispatch("getCategories"); }, computed:{ ..
my code What I want My query in my controller public function show($id) { $structural = DB::table(‘attendance’)->where(‘payroll_daily_id’,$id) ->where(‘assignment’,’STRUCTURAL’) ->select(‘payroll_daily_attendance.*’) ->get(); $fetch = []; foreach($structural as $key){ if(!isset($fetch[$key->wrk_id][‘total_ot’]) && !isset($fetch[$key->wrk_id][‘total_days’]) ){ $fetch[$key->wrk_id][‘total_ot’] = 0; $fetch[$key->wrk_id][‘total_days’] = 0; } $fetch[$key->wrk_id][‘wrk_id’] = $key->wrk_id; $fetch[$key->wrk_id][‘daily_rate’] = $key->rate; $fetch[$key->wrk_id][‘date’][$key->date][‘work_hours’] = $key->reg_hour; $fetch[$key->wrk_id][‘date’][$key->date][‘adj_hour’] = $key->adj_hour; $fetch[$key->wrk_id][‘total_ot’] += $key->ot_adj; $fetch[$key->wrk_id][‘total_days’] += $key->reg_hour; ..
I am trying to iterate through an array using Vue’s smart "v-for" element. However, coupled with Laravel, this does not work. No matter what I do, the desired content does not display, and I continue to receive this error in my console: "Property or method "plans" is not defined on the instance but referenced during ..
I’m just getting into laravel and don’t have any knowledge of vuejs either i have a very simple code that is trying to send to the server a request and the server should return an alert with username on it here is my code. blade.php <button user-id="{{ $user->id }}"></button> vue compenent <template> <div> <a href="#" ..
Hey there im working on a laravel project, also using vue js and i get his error on my console and i dont know how to fix it. the error on console continues like this: at baseSetAttr (http://localhost:8000/js/app.js:44393:8) at setAttr (http://localhost:8000/js/app.js:44368:5) at Array.updateAttrs (http://localhost:8000/js/app.js:44323:7) at invokeCreateHooks (http://localhost:8000/js/app.js:43679:22) at createElm (http://localhost:8000/js/app.js:43566:11) at createChildren (http://localhost:8000/js/app.js:43663:9) at createElm ..
I am trying to use bootstrap collapse (https://getbootstrap.com/docs/4.1/components/collapse/) in v-for div… My question is: How to open just one div that was clicked, not all divs? (Problem is that when I click one button, all the divs are opening, so I tried v-bind:id="status.id", but something is not good…) My code is here: <template> <div class="container ..
I’m sending this data to the view part that is written in view but isn’t displayed, do you think? $itemsCount = DB::table(‘items’) ->groupBy(‘level_id’) ->selectRaw(‘level_id, count(*) as type’); $ItemsMdCount = DB::table(‘items’) ->groupBy(‘project_model_id’) ->selectRaw(‘project_model_id, count(*) as type’); return view(‘project.view’, compact(‘users’, ‘itemsCount’, ‘itemsMdCount’)); And in vue I make the display {{ itemsCount }} How can I send the ..
I am using Laravel 7 with Vue and Axios and I have run across this error but cannot seem to find out why I am getting it. I am using api routes in my Laravel app for contacts, No Controller and One Contacts Model. I have one vue component named Contacts.vue. When trying to fetch ..
Good evening, I’m using Laravel with vue.js and I have a little problem with disconnection. Example: I open 2 tabs, log out on one, go back to the other, and I can still do what I want, like create a user. But I can’t change route (that’s normal, I use a beforeach in the router). ..
Please am working on autoComplete Search bar and wants to clear the search if input field is empty. Currently, am able to display results but I still see the search result in my div when I clear the field. I want the div to go empty when i clear search input. Any assistance please Vue ..
I have a tinay app created in Vue.js and laravel, and wanted to check how it would work on Android by using Capacitor. The app loads correctly in Android Studio, however, every axios call I make, it fails, although it works correctly in the web version. I also tried debugging the network calls in Android ..
I have a tinay app created in Vue.js and laravel, and wanted to check how it would work on Android by using Capacitor. The app loads correctly in Android Studio, however, every axios call I make or image that I try to load from a http source, it fails, although it works correctly in the ..