如何填充输入选择框Laravel vue js

Question

我在我的项目中使用 Vue 进行表单输入，但在我的输入 1 字段选择框无法记录我的发送输入（始终为空），另一个字段如小文本，编号它的工作，但只有这个选择框无法记录输入

这是我的输入

    // this field select cant record ( always give null ) , 

           <div class="field"> 
             <div class="select">

                <select name="anak_id">
                    <option v-for="(invent, id) in kod_rek" :key="id" :value="id">
                    {{ invent }}
                    </option>
                </select>
            </div>
             </div>

                // and this field work normally

                <div class="field">
                    <label for="kode_rekening">kode rekening</label>
                    <input
                            type="text"
                            id="kode_rekening"
                            class="input"
                            :value="userData.kode_rekening"
                            @input="userData.kode_rekening = $event.target.value"
                            >
                    <div v-if="errors && errors.kode_rekening" class="text-danger">{{ errors.kode_rekening[0] }}</div>
                </div>

并在此导出默认值

 export default {
    data(){
        return{
            fields: {},
            errors: {},
            userData:{
                anak_id:'',
                kode_rekening:'',
                uraian:'',
                anggaran:'',
            },
             kod_rek:{},       

            isSubmited: true,
        }
    },

     created(){
            axios.get('/users/get_data_turunan_anak').then((res)=>{
                this.kod_rek = res.data
                //  console.log(res.data)
                }).catch((err) => {
                console.log(err)
            });

        }


      methods:{
        submited(){
            this.isSubmited = true;
        },
        submit() {
            this.errors = {};
            axios.post('/users/input_turunan_anak', this.userData).then(response => {
                window.location = response.data.redirect;
            }).catch(error => {
                if (error.response.status === 422) {
                this.errors = error.response.data.errors || {};
                }
            });
        },
    },

只有我的选择框不能存储在这个输入上，这是什么问题，我的网络有错误

消息：“SQLSTATE[23000]：完整性约束违规：1048 列“anak_id”不能为空（SQL：插入turunan_anak（anak_id，kode_rekening，uraian，anggaran，@987654329 @, created_at)

Answer 1

尝试对选择框使用@change 事件。您也可以在此用例中使用 v-model。 v-model 指令将帮助您创建双向数据绑定。