javascript - 我如何在 Vuejs 中设置刷新时的旧输入值

Question

我正在使用 laravel 和 Vuejs

我如何在vue动态组件中设置刷新或返回页面时的输入旧值

像这样:

value="{{ old('name') }}

Answer 1

在你的 Blade 文件中，创建一个新的脚本标签:

<script>
var oldFormData = {
  name: "{{ old('name') }}",
  //...
}
</script>

然后在你的组件中 created 回调。

created() {
  this.name = oldFormData.name // This should get {{ old('name') }} value
}

您也可以通过 Vue 组件 props 传递旧数据。

假设您的组件是my-form，那么它在您的 blade 文件中应该如下所示:

<my-form :oldData="{name: '{{ old('name') }}'}"></my-form>

然后在创建时:

props: ['oldData'],
created() {
  this.name = this.oldData.name
}