i have a problem with my vue component when i’m trying to update a product it returns an error put method is not supported… But it should be supported. my EditProduct.vue <form @submit.prevent="submitForm"> <div class="form-group row"> <label for="name" class="col-md-4 col-form-label text-md-right">Name:</label> <input type="text" name="name" id="name" v-model="product.name"> </div> <div class="form-group row"> <label class="col-md-4 col-form-label text-md-right">Description:</label> <textarea ..
Category : vuejs2
[Laravel 8, vue 2, axios] I have a vue app installed on app.subdomain.domain.com and the laravel backend on subdomain.domain.com. All working fine. I created another parallel install, on app.subdomain2.domain.com and laravel on subdomain2.domain.com, and i keep getting CORS issues even though i am using same vue frontend and same laravel backend. I installed the backend ..
[Laravel 8, vue 2, axios] I have a vue app installed on app.subdomain.domain.com and the laravel backend on subdomain.domain.com. All working fine. I created another parallel install, on app.subdomain2.domain.com and laravel on subdomain2.domain.com, and i keep getting CORS issues even though i am using same vue frontend and same laravel backend. I installed the backend ..
The following code of inertiajs with vue only works this way computed: { flash: function () { if (this.$page.props.flash.message) { this.$toast.open({ type: this.$page.props.flash.type, message: this.$page.props.flash.message.message, }) } return this.$page.props.flash.message } }, watch: { flash: function (newVal, oldVal) { } }, but if i remove the watch part, it doesn’t work. Also if i put the ..
I am trying to download pdf file from Laravel api with vue front end. Here is my vue code methods: { downloadAttachment(file) { axios({ url: ‘http://localhost:8000/storage/app/public/files/owwhz8JkFjyTuE4SNMytTKjXbVWLLIkaPnaSUF9b.pdf’, method: ‘GET’, responseType: ‘blob’, // important }).then((response) => { const url = window.URL.createObjectURL(new Blob([response.data])); const link = document.createElement(‘a’); link.href = url; link.setAttribute(‘download’, ‘file.pdf’); document.body.appendChild(link); link.click(); }); } } Now ..
I want to use a button wrapped into router-link to scroll the viewport horizontally (100% to the right to a vue component. This works fine with anchor tags: <a href="#about"> <button class="btn">About</button> </a> but as soon as I try to replace them with router-link the horizontal scroll stops working (vertical scroll still works): <router-link :to="{ ..
Lets imagine i am building an e-commerce website where user can put stuff in his cart. Imagine the scenario where user 1 put item1 in a cart , now the quantity is taken from the db using axios. Another user2 happened to take same item1 and commit a transaction while user1 didnt commit it yet(still ..
I am trying to upgrade the Laravel project’s frontend into Vue 3 from vue 2. During the process, I faced one issue Uncaught TypeError: Vue.use is not a function I don’t know what the problem is, please help me if you have any ideas. Thanks. Sourc..
I have a problem with vue-draggable with elements not going to their precise end element, Here’s a video to demonstrate the problem: https://imgur.com/a/gsv5rDw As u can see, Sometimes it works; othertimes, it does not. Cardlist.vue <template> <div class="p-3 w-80 flex-shrink-0 bg-gray-100 rounded"> <div class="flex justify-between" v-if="editingCardlist === false"> <div class="text-gray-700 font-semibold font-sans tracking-wide text-sm" @click="startListEditing">{{ ..
This is a new-comer question. I have a Blade template: <div id="app"> <example-component :componentMessage="appMessage" ></example-component> </div> <script> var app = new Vue({ el: "#app", data: function() { return { appMessage: {{$message}} } } }) </script And a Vue component ExampleComponent.vue <template> <p>{{componentMessage}}</p> </template> <script> export default { props: [‘componentMessage’], } </script> So the data flow ..
anyone knows how to submit file with bootstrapVue file input? I am getting null from request->all() array:13 [ … "calibration_cert" => array:1 [ "$path" => null ] ] Below is what I tried <b-form-group label="Calibration Cert:"> <b-form-file v-model="form.calibration_cert" :state="Boolean(form.calibration_cert)" placeholder="Choose a file or drop it here…" drop-placeholder="Drop file here…" ></b-form-file> </b-form-group> ….. methods:{ onSubmit(event) { ..
I’am trying to build a simple informationscreen with API fetched data from a tool called farmers wife. My issue is that my webapplication is hosted on one server and the farmers wife API on another server. And of course it returns a CORS issues. We tried a lot of different solutions but nothing seems to ..
‘laravel8 + vue3 error Uncaught TypeError: Cannot read properties of undefined (reading ‘component’) how can this error be avoided ? app.js window.Vue = require(‘vue’).default; Vue.component(‘hello’, require(‘./hello.vue’).default); const app = new Vue({ el: ‘#app’ }); welcome.blade.php <body class="antialiased"> <div class="relative flex items-top justify-center min-h-screen bg-gray-100 dark:bg-gray-900 sm:items-center py-4 sm:pt-0"> <div id="app"> <hello></hello> </div> </div> <script src="{{mix(‘js/app.js’)}}"></script> ..
Background: I added TypeScript support to my existing project, so I added ts-loader and typescript. I think, I configured everything right and it is working fine in dev and prod mode. I would like to update gradually, keeping all the JavaScript code in place and using TypeScript for everything new or where there is a ..
I created a project in Laravel-7. When I try to upload an image, I get the error (419 | page expired). but in the console window I can confirm that the token is there. This is my blade file: <html> <head> <meta name="csrf-token" content="{{ csrf_token() }}"> <title>app</title> <script> (function(){ window.Laravel = { csrfToken: ‘{{ csrf_token() ..
Problem I am currently trying to download a dwg file that is privately stored in Laravel storage. I am doing it on a blade with an a tag that triggers a controller method and that is working properly. I am now trying to implement the same functionality in a Vue template with an axios call ..
I am using the following code to add vue js in laravel application. composer require laravel/ui php artisan ui vue npm install npm run watch-poll npm mix "–watch" "–watch-poll" npm run development — –watch "–watch-poll" npm run dev Sourc..
I have an SPA built in Vue JS on my localhost. I am integrating the SPA with a live api at a url https://api.someweburl.com. The API is using Laravel as framework and Sanctum for CSRF/XSRF validation. I do not have direct access to API’s source code. When I send a GET request to endpoint /sanctum/csrf-cookie ..
I use Laravel in combination with Vue. I have a path to the main web application named ‘/app/main’. This loads a specific vue component ‘main.vue’. A functionality of the page is that an email with a summary with information gets sent to a customer. I want this email to have a link to the page, ..
I’m currently on a laravel 5.8 + vue.js 2 project and I want to be able to upload an array of files in a form so it can appear inside the form data and saved. Inside my form there is a Vue component, made to display the intended files to upload. <input name="documents[0][files]" accept="image/*,application/pdf" type="hidden" ..
I’m using vue.js and laravel when i open edit page i get this error in my console but Update function is called on button click and bill url is also called multiple times without parameter on mounted function app.js:1088 GET http://localhost:8000/api/userbackend/bill/undefined 404 (Not Found) POST http://localhost:8000/api/userbackend/Update 429 (Too Many Requests) Code Snippet: async mounted(){ this.roleid ..
I am using Laravel 8 and InertiaJS (Vue js) I am using the html2pdf.js to generate PDF. So I create a component for that : ExportPdf.vue So here is the code of the component ExportPdf.vue : <template> <div> <button class="px-6 py-3 rounded bg-gray-600 hover:bg-gray-900 text-white text-sm font-bold whitespace-no-wrap" @click="exportToPDF">Expot to PDF </button> </div> </template> <script> ..
I absolutely know that this question is duplicated version of this one! But structure of the code that I have currently is different which answers of similar questions didn’t help me. I worked on answers I found in different ways but either I got same wrong result or "NO RESULT" at all. I am working ..
I’m using vue-ctk-date-time-picker for various inputs related to date and time and it works pretty well. In one form, the user is required to fill in his Date Of Birth. However, using this plugin, there’s no way to scroll a few years back, without going through multiple steps. Here is a screencast of what a ..
Making chat in laravel 8 / beyondcode/laravel-websockets 1.12 / laravel-echo 1.11.1 / pusher-js 7.0.3 app when I failed to to catch whisper event. Reading here https://laravel.com/docs/8.x/broadcasting#receiving-broadcasts I do in my vue file : <template> <div class="container"> <div class="row" v-if="currentRoom"> <h4>{{ currentRoom.name }}</h4> <div class="col-sm-12"> <div class="table-responsive" v-if="is_page_loaded && messages.length"> <table class="table table-striped text-primary"> <tbody> <tr ..
Web Development Company
Free Hosting Company
