我浏览了文档并尝试了以下代码。我能够获取enquiryDesc
的数据,但获得评级的空值。我尝试了几个步骤并获得空值。
我的html表单是
<form id="enquiryBox" method="POST" onSubmit="return false;" data-parsley-validate="true" v-on:submit="handelSubmit($event);">
<div class="modal-body brbottom-20">
<div class="clearfix">
<div class="col-lg-6">
<div class="form-group required">
<fieldset class="rating">
<input v-model="rating" type="radio" id="rating" name="rating" value="5" ><label v-bind:value="5" class = "full" for="star5" title="Awesome"></label>
<input v-model="rating" type="radio" id="rating" name="rating" value="4" ><label v-bind:value="4" class="half" for="star4half" title="Pretty good"></label>
</fieldset>
</div>
</div>
<div class="col-lg-6">
<div class="form-group required">
<label>Enquiry</label>
<textarea placeholder="Write your enquiry here" rows="7" id="enquiryDesc" name="enquiryDesc" class="form-control required" title="Desc" v-model="enquiryDesc" required="required"></textarea>
</div>
</div>
</div>
</div>
<div class="">
<button id="btn-submit-enquiry" class="btn whiteButton" type="submit">Post Enquiry</button>
</div>
</form>
我的vue js脚本为
enquiryBox = new Vue({
el: "#enquiryBox",
data: {
rating: '',
enquiryDesc: '',
},
methods: {
handelSubmit: function(e) {
var vm = this;
data = {};
data['rating'] = this.rating;
data['enquiryDesc'] = this.enquiryDesc;
console.log(data);
$.ajax({
url: 'https://api/post/add_review/',
data: data,
type: "POST",
dataType: 'json',
success: function(e) {
if (e.status) {
alert("Success")
} else {
vm.response = e;
alert(" Failed")
}
}
});
return false;
}
},
});
我对console.log(data)
{rating:“”,enquiryDesc:“cg”}
我使用了v-model
和v-bind:value
,现在我不是价值观。我真的被这些困住了。有没有初始化的东西?请帮助我找到解决方案。我已经完成了几个教程,所有内容都以同样的方式表达。