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

Posted 2023-02-22

【中文标题】如何填充输入选择框Laravel vue js

【英文标题】：How to populate input select box Laravel vue js

【发布时间】：2020-09-27 01:44:44

【问题描述】：

我在我的项目中使用 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)

【问题讨论】：

这能回答你的问题吗？ How can I set selected option selected in vue.js 2?

我认为它的问题不同，我不知道为什么我选择的不传递这个值（id）

【参考方案1】：

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

【讨论】：

我还是不明白，我尝试这样 ，但仍然没有错误并且没有传递值

列 'anak_id' 不能为空 -> 这个问题