选择时自动填写表格

Question

选择选择表单后，其下方的输入表单将自动填写。我该如何解决？我需要将来自选择输入的数据填充到下一个输入字段

<b-form-group id="input-name" label-for="input-name">
                <b-form-row class="justify-content-md-right">
                    <b-col cols=2>
                        <label for="input-name">Registered User</label>
                    </b-col>
                    <b-col cols=6>
                        <v-select class="select" v-model="user" :options="users"></v-select>
                    </b-col>
                </b-form-row>    
            </b-form-group>
            <b-form-group id="input-name"  label-for="input-name">
                <b-form-row class="justify-content-md-right">
                    <b-col cols=2>
                        <label for="input-name">User Name</label>
                    </b-col>
                    <b-col cols=6>
                        <b-form-input id="input-name" v-model="booking.user_name" placeholder="Enter Name" required></b-form-input>
                    </b-col>
                </b-form-row>    
            </b-form-group>
            <b-form-group id="input-name" label-for="input-name">
                <b-form-row class="justify-content-md-right">
                    <b-col cols=2>
                        <label for="input-name">User Email</label>
                    </b-col>
                    <b-col cols=6>
                        <b-form-input id="input-name" v-model="booking.user_email" placeholder="Enter Email" ></b-form-input>
                    </b-col>
                </b-form-row>    
            </b-form-group>

在我输入的方法中：

autofill(){
                this.booking.user_name = label;
                this.booking.user_email = code;
            },

在手表上，我这样做

watch:{
            user:function(){
                this.autofill()
            }
        }