选择下拉列表后自动填充输入字段[Laravel，Vuejs]

我想创建一些在产品表中搜索的东西，我在下拉列表中选择它，它将按顺序显示数据，如下图所示

我怎么能把它归档呢？有人给我任何提示吗

提前感谢。。。

在我的Vuetify

我使用了

vue选择

package

<v-col md="6" cols="12">
   <label class="font-weight-bold">Select Product</label>
   <v-select v-model="search" label="name" :options="purchases"></v-select>
</v-col>

精选产品

在我的脚本文件中

导出默认值{
创建（）{
this.fetchData（）
},
数据（）{
返回{
表格：{}，
搜索：“”，
项目：[]，
采购状态：[“已收到”、“部分”、“待处理”、“已订购”]，
}
},
方法：{
fetchData（）{
this.$axios.$get（`api/product`）
。然后（res=>{
this.items=res.data；
console.log（this.items）
})
.catch（错误=>{
console.log（错误）
})
},
上载文件（事件）{
常量url=http://127.0.0.1:3000/product/add_adjustment';
let data=new FormData（）；
data.append（'file'，event.target.files[0]）；
让配置={
标题：{
“内容类型”：“image/*，application/pdf”
}
}
此.axios.post（url、数据、配置）
。然后（res=>{
控制台日志（res）；
})
}
}
}

当您在下拉列表中选择产品时，您将获得产品id。使用此产品id并调用API获取订单表的数据。

我们主要关注您的编码错误，而不是服务支持。那么，到目前为止，你在编码方面做了哪些尝试：>@DavidJapan我更新了我的代码，请注意……对不起，你能给我举个例子吗？

<script>
    export default {
        created() {
            this.fetchData()
        },

        data() {
            return {
                form: {},
                search: '',
                items: [],

                purchase_status: ['Received', 'Partial', 'Pending', 'Ordered'],
            }
        },
        methods: {
            fetchData() {
                this.$axios.$get(`api/product`)
                .then(res => {
                    this.items = res.data;
                    console.log(this.items)
                })
                .catch(err => {
                    console.log(err)
                })
            },

            uploadFile(event) {
                const url = 'http://127.0.0.1:3000/product/add_adjustment';
                let data = new FormData();
                data.append('file', event.target.files[0]);
                let config = {
                    header: {
                        'content-Type' : 'image/*, application/pdf'
                    }
                }

                this.$axios.$post(url,data,config)
                .then(res => {
                    console.log(res);
                })
            }
        }
    }
</script>