i have a column which is description that contain the pure text. Is it possible to format the text and add new line for each sentence? Now the text is display without the line break or n. I would like to show the text line by line. Now it is too compact. i know how ..
Category : vue.js
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 ..
This is my Laravel PenilaianController: public function index() { // $penilaian1 = PenilaianTahap1::join(‘peserta_t1’, ‘nilai_t1.nim’, ‘=’, ‘peserta_t1.nim’) ->join(‘pendaftar’, ‘peserta_t1.nim’, ‘=’, ‘pendaftar.nim’) ->join(‘sub_kriteria_t1’, ‘nilai_t1.id_sk1’, ‘=’, ‘sub_kriteria_t1.id_sk1’) ->join(‘kriteria_t1’, ‘sub_kriteria_t1.id_k1’, ‘=’, ‘kriteria_t1.id_k1’) ->get([ ‘nilai_t1.nim’, ‘pendaftar.nama’, ‘nilai_t1.nilai’, ‘nilai_t1.id_sk1’ ]); $subkriteria = SubKriteriaTahap1::join(‘kriteria_t1’, ‘sub_kriteria_t1.id_k1’, ‘=’, ‘kriteria_t1.id_k1’) ->get([ ‘sub_kriteria_t1.sub_kriteria’, ‘sub_kriteria_t1.bobot’, ]); $kriteria = KriteriaTahap1::all(); $response = [ ‘message’ => ‘Data pendaftar OR ..
This is my Laravel PenilaianController: public function index() { // $penilaian1 = PenilaianTahap1::join(‘peserta_t1’, ‘nilai_t1.nim’, ‘=’, ‘peserta_t1.nim’) ->join(‘pendaftar’, ‘peserta_t1.nim’, ‘=’, ‘pendaftar.nim’) ->join(‘sub_kriteria_t1’, ‘nilai_t1.id_sk1’, ‘=’, ‘sub_kriteria_t1.id_sk1’) ->join(‘kriteria_t1’, ‘sub_kriteria_t1.id_k1’, ‘=’, ‘kriteria_t1.id_k1’) ->get([ ‘nilai_t1.nim’, ‘pendaftar.nama’, ‘nilai_t1.nilai’, ‘nilai_t1.id_sk1’ ]); $subkriteria = SubKriteriaTahap1::join(‘kriteria_t1’, ‘sub_kriteria_t1.id_k1’, ‘=’, ‘kriteria_t1.id_k1’) ->get([ ‘sub_kriteria_t1.sub_kriteria’, ‘sub_kriteria_t1.bobot’, ]); $kriteria = KriteriaTahap1::all(); $response = [ ‘message’ => ‘Data pendaftar OR ..
With models: User id | name | code | …. Project(One user can have many projects,One project can have many report) id | user_id | name | code | …. Report (One project can have many report.the report is update each month) id | project_id | amount | year | month | …. How can ..
hi im using InertiaJs and laravel 8 and i make a flash message component , using inertia shared data after a function i call the flash message using with-> on controllers public function test(Request $request) { Test::create([ ‘comment’ => $request[‘comment’], ]); return Redirect::back()->with(‘success’,’Test.’); } but Then i make shopping cart using vuex and i dont ..
I’ve this route code: // route.php Route::post( ‘/page’, [AppHttpControllersPageController::class, ‘index’] )->name(‘page.details’); My controller: // PageController.php public function index(Request $request) { return Inertia::render(‘Page/PageDetails’, [ "name" => $request->name, "overview" => $request->overview, "url" => $request->url ]); } It’s working, fine, but If I try to reload ( F5 ) it’s return an error 500. Have some way to ..
Im trying to build single page app using Vue + inertia + laravel. I have an html template that include external js file. When integrating the template with vue, i notice that, the js only run only once after the page is refresh and not applied to the other page (when navigate using router-link) i ..
I installed a module with npm: npm install –save [email protected] and it is ok. I have now last version of it. Now I need to use it and in my vue component <template> <div class="pdfviewer"></div> </template> <script> import jsPDF from ‘jspdf’; export default { name : ‘PdfTxtCreator’, } </script> So when I go with npm ..
What’s the best processing xlsx file from vue front-end or from laravel backend Sourc..
I call the laravel API to render the chart in vuejs data() { data:”, } created() { axios .get("/laravel/api/report") .then((res) => { this.data = res.data; }) }, computed: { report() { let data = JSON.parse(this.data); this.lineChart = { options: { responsive: true, maintainAspectRatio: false, backgroundColor: false, hover: { mode: ‘label’, } }, data: data } ..
I am using laravel 8 and vue in my project. using axios for API request and display the output using vue. All rendered nicely except One field that stored tags as ["leave", "paperless"] in mysql Tried to render it using the code below <li> <i class="mdi mdi-tag-text-outline"></i> <a href="#" v-for="tag in article.tags"> {{ tag }}</a>, ..
Geek’s Need little help, any suggestion or hint will be highly appreciated. The thing is I’m trying to install Vue on Laravel. But after installing the Vue router I decided to compile everything using "npm run watch" but I’m getting the following error on the console: Note* Before running the "npm run watch" command the ..
So the concept is simple but I cannot for the life of me wrap my head around it. I have 2 files. The first one is RoomsModal.vue – This holds a modal popup that has "rooms" with an enter button. When someone clicks to enter a room, it opens up a tab from RoomTabs.vue. However ..
I am working on a Vue.js/Laravel8 project on a single page app and can’t get VueRouter to get to scroll to the section I want. The page consists of different sections which are reachable if user scrolls down and I want the viewport to scroll to a section similar to how the <a> tag works. ..
I am trying to get vue-router to work in a Vue.js/Laravel project. I have the following simple pages: home page: about page (scrolled down in single page): Made from these files: welcome.blade.php: <!DOCTYPE html> <html lang="{{ str_replace(‘_’, ‘-‘, app()->getLocale()) }}"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <script crossorigin="anonymous" src="https://polyfill.io/v3/polyfill.min.js?features=WeakMap"></script> <title>title</title> </head> <body id="body"> <div ..
I’ve recently been looking into the Laravel PHP framework. Since I have never worked with backend frameworks, it feels quite complex. Is there maybe something smaller on the market for developing smaller, RESTful Web Apps, specifically with vue.js in the Frontend, which require only a manageable logic? As a beginner, it would of course be ..
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 have a Laravel/Vue3 project. For some reason I cannot get the right link to public/js/app.js. My blade file: <!DOCTYPE html> <html lang="{{ str_replace(‘_’, ‘-‘, app()->getLocale()) }}"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Laravel</title> </head> <body> <div id="app"> <map-app/> </div> <script src="{{asset(‘js/app.js’)}}"></script> </body> </html> In my .env file: APP_URL=https://www.evenuitrusten.nl ASSET_URL=${APP_URL}/bankjesserver/public I then get the ..
I’m in Laravel, Vue as frontend. I try to explain to you my project: Is a website for musicians, you can do research based on genres (using a select) and you will be redirected to a page where all the musicians of that genre are. Here, in this page I’ve got two filters: Filter for ..
I have group the database data by year based on the project id. The data is show using multiple tabs.For example, it got 2020 and 2021. Now the tab show first and open by default is 2020. How can i show the latest year first instead of 2020. <vs-tabs alignment=”fixed” v-if=”year1 & Object.keys(year1).lenght>0″> <vs-tab :label=”key” ..
Where can i put the Authorization header token in axios after dispatching login action with laravel passport authentication in a seprated vue.js project?I tried with setting it in main.js like this and doesnt work properly. After dispatching, In the QuestionIndex component, the axios call dont have the authorization header automatically. And by refreshing the page, ..
I am building a simple Laravel and VueJs project and I am encountering an unusual error when trying to register user. When i invoke an api endpoint on postman, the operation is successful and data is transformed to database when I am trying to do the same operation on VueJs UI, I am getting the ..
‘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> ..
I’m running a Laravel 8 and Vue 3 project on laradock, compiling with Laravel Mix. All was working fine and I only updated the PrimeVue version. The problem is that after running npm install and npm run dev I get the following error: Error: Cannot find module ‘p-limit’ Require stack: – /var/www/node_modules/p-locate/index.js – /var/www/node_modules/locate-path/index.js – ..
Web Development Company
Free Hosting Company
