插入选择选项表单 Laravel - Vue答案

【问题标题】：Insert Select Option Form Laravel - Vue插入选择选项表单 Laravel - Vue
【发布时间】：2019-05-23 11:02:30
【问题描述】：

我想从 Select Option Form 向数据库输入数据。我使用了 Laravel 和 Vue。这是我的表格

<div class="form-group">
   <label for="exampleFormControlSelect1">Pemilihan*</label>
   <select class="form-control" id="electionId" name="electionId" v-model="electionIdSelected">
     <option v-for="option in electionIdOptions" v-bind:value="option.value">{{option.text}}</option>
   </select>
</div>

这是我的 Vue：

data() {
          return{
                 electionIdSelected:'Please choose one',
                 electionIdOptions:[
                   {text: 'Presiden', value: 'ppwp'},
                   {text: 'DPRD Provinsi', value: 'pdpr'}
                 ],
           methods: {
            onSubmit() {
                axios.post('/psu/list/store', {
                   electionIdSelected: this.electionIdSelected,
                }).then(response => {
                   this.electionIdSelected = ''
             });
            }

这是我在 Laravel 中的控制器：

public function store(){
      $psu = new Psu;

      $psu->jenis_pemilihan = request('electionId');

      $psu->save();
    }

请帮我将表单选择选项插入数据库。我仍然有错误。这是一条错误消息：

null value in column "jenis_pemilihan" violates not-null constraint

无法为控制器和模型获得价值。

【问题讨论】：

您遇到了什么错误。也请提及。
好问题，如果你能准确地分享错误告诉你的内容，那就完美了。
您的 vue 组件的 js 似乎缺少一些 }
就像@vahdet 说的，你需要详细说明错误，或者没有太多要回答的。
感谢您的回复。我已经更新了错误信息

标签： php laravel vue.js

【解决方案1】：

public function store(Request $request){
  $psu = new Psu;

  $psu->jenis_pemilihan = $request->input('electionIdSelected');

  $psu->save();
}

我认为您的控制器中的electionId 是空的，因为您从未在axios 帖子中设置过这样的键？

【讨论】：

【解决方案2】：

当您将 option.text 设置为模型时，您可以尝试发送electionIdSelected.text，因为您的选择框模型是electionIdSelected，然后您的值看起来像electionIdSelected.text

只需替换这一行： electionIdSelected: this.electionIdSelected转electionIdSelected: this.electionIdSelected.text

【讨论】：