defineProps({ office: { type: Object }, }); console.log(office); この受け取り方だとconsoleで中身を確認できない。 const office = usePage().props.office; console.log(office); だと確認できる。

コントローラーで return redirect()->back()->with('success','保存しました'); と書き、リダイレクトするページのコントローラーで $success_message = session()->get('success'); // 受け取る return Inertia::render('Company/BasicInfo/BasicInfoForm'…

【Checkbox】resources/js/ComponentsにCheckbox.vueのコンポーネント作成し、 import Checkbox from '@/Components/Checkbox.vue'; した上で使える。Q：form編集時、DBの値を元にチェックボックスに最初からチェックが入っている状態にしたい時A： :checked…

1つのvueで新規登録、編集など行う際、通ってきたルートによってボタンを表示させたり、非表示にしたりする方法。（今回の例）・会社データ新規登録の際は「アカウント発行」ボタンは非表示にしたい ・既に会社データ登録済の場合は編集画面に「アカウント発…

import PrimaryButton from '@/Components/PrimaryButton.vue'; <PrimaryButton :disabled="form.processing">保存する</PrimaryButton> :disabled="form.processing"Vue.jsのディレクティブで、この場合は<PrimaryButton>コンポーネントがform.processingの値に応じて有効または無効になるように制御されていることを示している。 ここ</primarybutton>…

【vueファイル / try{}catch{}を使う場合】 import {router} from '@inertiajs/vue3'; const deleteForm = async () => { const result = confirm('削除しますか？'); // confirmはダイアログを出すJSのメソッド if(result){ // OK選択でtrueが返されてこの…

DBから取得した値を加工して簡単にViewで表示させたい時に使う。例：DBのlast_name(姓)とfirst_name(名)を一行で表示させる。【bladeに表示させたい時】コントローラー public function form(){$user = User::where('id',auth()->user()->id) ->with('office…

コントローラーに定義した例が以下の場合、return Inertia::render('Employee/Edit', [ 'company' => $select_company, 'employee' => $employee, 'prefectures' => config('params.prefectures'), 'sex' => config('params.sex'), 'status' => session('sta…