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

Question

我正在使用laravel和Vuejs

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

类似的东西：

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

Answer 1

在您的刀片文件中，创建一个新的脚本标记：

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

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

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

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

假设你的组件是my-form，那么它应该在你的刀片文件中看起来像这样：

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

然后在created：

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