为什么页面循环没有生效
<div id="pay_finish" v-cloak>
<div class="body_down">
<div class="pay_info_ybtx">
<ul class="pay_fail" id="pay_fail_ybtx">
<div>hahahah</div>
<li v-for="(item,key) in listt" :key="item.seq_no">
<p>被保险人:<span>{{item.insured_name}}</span></p>
</li>
</ul>
</div></div></div>
var payFinishVM = new Vue({
el: '#pay_finish',
data: {
listt: [],
},
computed: {
},
mounted: function () {
$('#loadingToast').show();
this.loading_query();
},
methods: {
loading_query() {
var data = {
"seed_no": hxcjs.getValue(hxcjs.getUrlString("seed_no")),
"openid": hxcjs.getValue(hxcjs.getUrlString("openid_gv"))
};
$.ajax({
url: vcommonurl + "v1/family/result/query",
data: JSON.stringify(data),
type: 'POST',
timeout: 30000,
dataType: 'json',
contentType: "application/json",
success: function (data) {
$('#loadingToast').hide();
this.listt = data.family
console.log('this.listt',this.listt)
},
complete: function (XMLHttpRequest, status) {
if (status == 'timeout') {
$("#errInfo").show();
$('#loadingToast').hide();
}
}
});
},
errInfo: function () {
$(".del_mask").hide();
}
}
});