laravel vue.js component フォームのバリデーション後も値を保存しておきたい

Question

laravelのbladeテンプレートのold()ヘルパー関数のような、

元々データがあれば表示して、変更した場合にはその値を保持しておくようにしておきたいです。

value="{{ old('name', $user->name}}

下のコードだと、laravelのコントローラーからjson形式で渡されたデータを表示することはできますが、バリデーション後にも入力値を保ってくれません。

<input type="text" name="name" :value="namedata"/>

下のコードだと、バリデーション後にも入力値を保ってくれますが、laravelのコントローラーからjson形式で渡されたデータを表示することができません。

<input type="text" name="email"　v-model="email">

どうしたらいいですか？

Answer 1

自分は同じような時、Session::getOldInput()を使ってblade側から渡してます。(vueに送るんでjson_encodeも)

コンポーネント側ではpropsで受け取り、created()の中でdata()で用意している箱に入れる。

といった感じでしょうか？

参考

下のコードは自分が以前使っていたものです。配列使用になっていたりするので、参考程度に。

<tag-new :old_tags="{{ json_encode(Session::getOldInput()) }}"></tag-new>

..省略
<input type="hidden" name="tags" :value="tags">
..省略
props: ['old_tags'],
data() {
    return {
      tags: []
    }
  },
  created() {
    if(this.old_tags.tags) {
      let list = this.old_tags.tags.split(',')
      list.forEach(element => {
        this.tags.push(element)
      });
    }
  },