Category : vuejs3

In Laravel 8 vuejs3/inertia app I have a mall form and trying to submit data I got [Vue warn]: Unhandled error during execution of native event handler error. I do : <template> <form @submit.prevent="storeAd" class="w-full"> <div> <textarea name="ad" rows="3" class="border rounded px-2 py-2 w-full" :placeholder="’Post ad body ${$page.props.user.first_name} ${$page.props.user.last_name} …’" v-model="form.body"></textarea> </div> <div class="flex justify-between ..

Read more

i using inertia vue3 with laravel i need to know how to add global filters i tring to using this referrance didn’t work. my app.js createInertiaApp({ title: (title) => `${title} – ${appName}`, resolve: (name) => require(`./Pages/${name}.vue`), setup({ el, app, props, plugin }) { return createApp({ render: () => h(app, props) }) .use(plugin) .mixin({ methods: { ..

Read more

jetstream application I have installed vue3-date-time-picker with the below code <Datepicker :disabledDates="disabledDates" @click="doSomething" v-model="date" inline autoApply :minDate="new Date()" :maxDate="maxdate" :enableTimePicker="false"></Datepicker> setup() { const date = ref(); var today = new Date(); const mxdate = new Date(today.getFullYear(), today.getMonth()+2, today.getDate()) return { date, maxdate } }, methods: { doSomething(){ alert(this.date) alert("hello") console.log("Check date") }, } When I ..

Read more

I use this package https://github.com/dotansimha/graphql-typed-document-node and I usually call it like this useQuery(peopleDocument, variables). But laravel lighthouse has a complex where plugin which automatically adds all types for various queries where conditions for example { people(where: { column: AGE, operator: EQ, value: 42 }) { name } } I would like to allow users to ..

Read more

I don’t know if I’m tired but I can’t seem to be able to find the problem. I have a search route like this Route::get(‘/search/{city}/{industry}/{input?}’, [SearchController::class, ‘getPeople’]); And a search button like this <Link :href=’"/search/"+search.city+"/"+search.industry+"/"+search.input’>Search</Link> The Link is imported from inertiajs import { Link } from ‘@inertiajs/inertia-vue3′; Here’s the problem This works fine on localhost. ..

Read more

I habe this field function inside my Resource: public function fields(Request $request) { return [ ID::make(__(‘ID’), ‘id’)->sortable(), Stack::make(‘Headings’, [ Text::make(‘Heading (en)’), Text::make(‘Heading (de)’), Text::make(‘Heading (ar)’), ]), Stack::make(‘Content’, [ Text::make(‘Content (en)’), Text::make(‘Content (de)’), Text::make(‘Content (ar)’), ]), Image::make(‘Image’)->disk(‘public’)->prunable(), ]; } which produces this view: but as soon as I want to create/edit an entry, it only shows ..

Read more

I am trying to get axios.post to work in vue 3 with laravel 8 as backend but I am getting a POST http://localhost:3000/contact 500 (Internal Server Error). This is my vue component (without css): <template> <section class="contact"> <form @submit.prevent="storeContact"> <input type="text" placeholder="Name" v-model="name"> <input type="text" placeholder="Email" v-model="email"> <input type="text" placeholder="Message" v-model="message"> <button action="post" type="submit">Submit</button> </form> ..

Read more