joneyspark joneyspark
6
vue file <template> <div> <p class="text-danger"> {{ dateTime(category.created_at) }} </p> </div> </template> <script> import moment from "moment"; export default { co...
joneyspark joneyspark
2
Hi, Can you suggest how I could make Vue 3 and Larvel Pagination? some of the package I used for Vue 2 but in Vue 3 it's not working properly...
Perdanjam Perdanjam
0
I've got a search filter function very similar to PingCRM, with a watch function making a get request to the current route to filter the results. The only real difference between my app and PingCRM is that I'm using Inertia.get instead of Inertia.rep...
woodstock0523 woodstock0523
3
I have created a basic laravel 8 jetstream inertia vue3 app, and "console.log" is not working. Has anybody experienced the same problem and found a solution? I have googled more than an hour and don't seem to find any solution. I'm not usin...
vincej vincej
5
I'm totally new to Vue, so dumb question time! I have a series of checkboxes on the page. Their status ie checked or unchecked are pulled from L8 and applied to the form. It works, but I hope I have done that part correctly! Great. When a user chang...
Rod2rick Rod2rick
10
Hi, I am using a Bootstrap Template and am having an issue. indeed, when I import <script src =" {{mix ('js / app.js')}} "> </script> in the file app.blade.php, all the buttons and the css of my template get disabled, as well as...
joneyspark joneyspark
2
Hi, I have some complex data and I want to show the validation error array data in vue file but I can not because I have got some data that has index please share your opinion vue file <template> <div> <form enctype="multipa...
marufalom marufalom
4
I have a large form with array of data. My html looks like this <input placeholder="order number" name="order_number[]" type="text" :value="data.order_number" class="form-control custom-input ">...
swissbrain swissbrain
0
I'm using Vue 2.6.12, Laravel and Inertia. When using vue-meta to alter the meta title it displays 'undefined' for a split second when loading any page. Im using Inertia, so the routing is on Laravels side and uses Inertia to pass the Vue component n...
chrisgrim chrisgrim
7
Hi, I am using a computed value to return the price of the model that falls within the current date. Here is my code <div class="row" v-for="(material, index) in recipe.materials&quo...
Hlaing_Min_Than Hlaing_Min_Than
0
Anyone Notice That Vue-laravel pagination episodes from Laracasts( Build A forum with Laravel Tdd Sereis) have some bugs. Like Pagination Links is not dynamically work on when adding or deleting reply how u guys fix it ? Any Idea? Pls discuss with me...
chrisgrim chrisgrim
1
Hi, I am getting stuck with a complicated calculation. I have a material list array with multiple materials. Each material has a pivot with a percentage and a list of prices by month. The calculation I need to do is to first multiply each price in ea...
LetherMade LetherMade
0
Hi, I have scaffold a new project with laravel new <project> and used breeze for authentication scaffolding with the new --inertia option. Except 1 strange behavior is that the <inertia-link> is not working properly? After pressing an ine...
HubertVanD HubertVanD
2
I have a Laravel 8 + Tailwind+Vue app with a menubar with dropdown submenus. In the body of the page I have a number of Vue components that render a title and then a google map. The dropdown menus are rendered over teh title (as I would expect) but u...
Larstw Larstw
1
Hello all, building an SPA using Vue 3 with Vuex and Vue Router and a Laravel 8 API with Sanctum. Having some issues when reloading the page: it should check if the user is authenticated before rendering the application. When authenticated and refres...
thinway thinway
1
I have a form with several select inputs pretty similar: <div class="mb-5"> <label for="category" class="block text-gray-700 text-sm mb-2">Category:</label> <select...
chrisgrim chrisgrim
3
I am sure this is easy but I am having trouble thinking it through. If I have [1, 4, 6] [2, 6, 6] [3, 4, 5 ] how would I get the values of each column added. So the result would be [6, 14, 17] Thanks...
fylzero fylzero
2
Using Vue 2.6 with VueX w/ modules... is there a package that helps handle keeping track of dirty (modified from original) state? Working on a manual implementation currently. Wondering if anyone knows a better way to go?...
pweil pweil
6
I am often in a quandary deciding how to pass data to Vue (e.g., from Laravel) : create Blade variables and pass them into a Vue component as props; pull the data in with ajax; or use something like the Transform PHP Vars to JavaScript package. Aside...
Shiva Shiva
1
I'm trying to calculate the quantity of items in my vue. The problem I'm having is that my computed property isn't picking up my object. Here is my code <template> <div class="content-header"> <div class="con...
potentdevelopment potentdevelopment
4
Hello, So if I want to mount 2 components to #app and another component to #app2, Is this the correct way to do it? I am using Vue 3 BTW. createApp({ components: { ExampleComponent, AnotherComponent } }).mount('#app'); create...
potentdevelopment potentdevelopment
4
So we have a situation where users will be taken off site via a QR code to finish their registration and once they finish offsite, the 3rd party will do a post to our postback URL. example: http://somedomain.com/postback We want to listen for the pos...
CalElAn CalElAn
2
I am working on a website that was built with Laravel and I am building some of the forms using Vue 3. The site has 3 custom forms across different pages. That means that there are 3 different js files required across 3 different pages which contain...
talelmishali talelmishali
4
Hello! Wondering how others in the community utilizing $inertia.form for an API request, I'll describe my use case and how I work with it at the moment. I have a checkout page where a user submits a form (new order), the controller generates a paymen...
tarang19 tarang19
0
I am using leaflet js for autofill city name but autofill popup not coming any one tell me what i did wrong ? <template> <div> <v-text-field v-model="address" class="search loupe" label="...
Armani Armani
1
Today I installed latest version of Laravel and after that I ran this commands: composer require laravel/ui php artisan ui bootstrap php artisan ui vue php artisan ui bootstrap --auth And everything's works fine but in the console I got this error:...
HubertVanD HubertVanD
3
In my application I have a vue component that shows a map. I am using this component in 2 different blade files. The strange thing is that in one case the map is showing, in the other it is not. When I use the inspector, the Vue component is detected...
trin replied
Solved
Karboneyted Karboneyted
1
Hi, how can i use scss @mixin in componenet, that set in App.vue? example i have in App.vue this: @mixin breakpoint($point) {//19.199 @if $point == mobile{//7.49 @media (max-width: 768px) { @content ; } } @else if $point == desktop{ @m...
BladeRunner BladeRunner
2
I have a component which displays single video, and I would like to update the state once the transcoding of that video is finished. <template> <div v-if="progressCalculation(progress1, progress2, progress3) !== 100" class="...
KikoLdasd KikoLdasd
9
Hello, I use Laravel mix for Vue, I have all components in components folder In app.js I import all components Vue.component('example-component', require('./components/ExampleComponent.vue').default); Vue.component('chat-messages', require('./compone...
shuch3n shuch3n
29
Hi, Atm i'm using vue.js component with vueify compiler. How can I translate something in template using Laravel trans methods Thanks, Shu...
tarang19 tarang19
0
I wanted to get current location (Autocomplete in input filed) how can i do this in vue js...
LuisAduana LuisAduana
1
Hi! I am using :single-select = "false" to select multiple rows in my table. The problem is that model v-model = "selected" always select in order of item-key="id", it doesn't matter which item the user selects first....
shuvobhai shuvobhai
2
i declare a ref in the tag which is my chat box and try to access scrollHeight form that ref in vue mount But it always returning 0.why?...
erron erron
0
I use Vuetify autocomplete as a reusable component to display a list of jobs in key/value pairs. In creating record, the component works fine but when editing where data should be filled in, the data has the value but not showing on the component. Jo...
Create a New Discussion Button