javascript - 获取组件中的旧输入

Question

我有一个只包含一个组件的 Blade 文件

<div>
    <select-exercise></select-exercise>
</div>

而且，组件的模板是这样的

选择Exercise.vue

<div class="input-group">
    <span class="input-group-addon">
        <select class="selectpicker form-control"  v-model="customizedExercise.sets_duration"  name="sets_duration[]" id ="sets_duration"> 
            <option v-for="number in numbers" value="{{number}}">{{number}}</option> 
        </select> 
    </span>

    <span class="input-group-addon">
        <select class="selectpicker form-control"  v-model="customizedExercise.reps"  name="reps[]" id="reps"> 
            <option v-for="number in numbers" value="{{number}}">{{number}}</option> 
        </select> 
    </span>
</div>

如果用户未能通过表单验证并重定向回来，如何获取旧输入并显示它们？

我试过了

<div>
    <select-exercise :input="{{old('key')}}"></select-exercise>
</div>

但是，它不起作用。

Answer 1

您可以通过 old('key') 设置旧值，如果值已经设置，它将被设置为 $key

value="{{ old('key', $key) }}">