将选定的选项值传递给axios数据发布

时间:2019-04-15 02:33:52

标签: javascript vue.js axios

在通过API将数据发布到数据库时遇到问题。现在,我正在使用axios通过从Vue表单发送所有输入数据来使用API​​来发布数据。从输入类型文本插入时很好,但是从选择选项html标记插入时,所有我选择的项都没有传递到axios发布函数。因此在数据库中,对于应该包含来自所选选项输入的数据的字段,该字段变为空。但是对于包含来自输​​入类型文本的数据的字段,该数据存在。我可能会犯错误,需要您的帮助朋友。帮我检查一下。

这是表单模板的代码:

<div class="form-group">
     <label>Form A</label>
     <select class="select-dropdown-no-search form-control" v-model="statusformA" name="statusformA" id="statusformA">
            <option value="0">Tidak Ada</option>
            <option value="1">Ada</option>
      </select>
</div>

这是Vue和axios代码:

import axios from 'axios';
import API from '../API';

var urlAddStock = API.url.host + '/addstock';

var inputMobile = {
    init: function(){
        this.vueConfig();
        API.auth();
    },
    vueConfig: function(){
        var app = new Vue({
            el: '#app',
            data: {
                stockSubmit: false,
                statusformA: "",
                access_token: ""
            },
            methods: {
                submitStock: function(){
                    let self = this;
                    this.stockSubmit = true;
                    axios({
                        method: 'post',
                        url: urlAddStock,
                        data: {

                            FormA: this.statusformA,
                            access_token: localStorage.getItem("token")  
                        }
                    }).then(res =>{
                        console.log(res.data);

                        if(res.data.message === "Berhasil Menambahkan Data")
                        {
                            self.stockSubmit = false;
                        } 
                        else 
                        {
                            self.stockSubmit = false;
                        }

                    }, err =>{
                        console.log(err);
                        self.isSubmit = false;
                    });
                }
            }
        });
    }
}

module.exports = inputMobile;

您的任何答复将不胜感激。预先感谢

0 个答案:

没有答案