在通过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;
您的任何答复将不胜感激。预先感谢