如何使用循环生成输入表单并在vuejs中用另一个数组填充表单

Question

我有一个窗体，该窗体显示一个for循环，具体取决于表中存在的列数。我的数据库表是：cold_room（代码，名称）

<template>
    <form @submit.prevent="save">
       <div class="col-md-6" v-for="coldr in coldroom" :key="coldr">
            <b-form-group :label="coldr.code":label-for="coldr.code">
               <b-form-input :id="coldr.code"></b-form-input>
            </b-form-group>
        </div>
        <div class="row">
            <b-button variant="success mr-3" type="submit">save</b-button>
        </div>
    </form>
</template>

并且我使用称为loadlist的方法来填充冷室，它的工作没有问题

<script>
    export default {
        data () {
            return {
                coldroom:{},
                dataFields: [{
                    code: 'CFHA',
                    value: 10
                },
                {
                    code: 'CFHB',
                    value: 15
                }]
            }
        },
        mounted () {
            this.loadList()
        },
        methods: {
        /* charger la liste des evaporateurs et compter le nombre */
        async loadList() {
            this.coldroom = await this.$knex('cold_room').select('*')
        },
    }
</script>

我的问题是如何使用dataFields在表单输入中填充值？有人可以帮忙任何提示预先谢谢你

Answer 1