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

Question

我想创建一些在“产品”表中搜索的东西，然后在下拉列表中选择它会在订单表中显示数据，如下图所示？

我该如何归档？有人给我任何提示吗？

预先感谢...

在我的Vuetify中

我使用了vue-select包裹

<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>

在我的脚本文件中

<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>

Answer 1

在下拉菜单中选择产品后，您将获得product_id。使用此product_id并调用API来获取订单表的数据。