这里是HTML部分:
<div class="panel" v-for="item in items">
<div class="panel-heading">
{{item.xmmc}}
</div>
<div class="panel-body materialPbody">
<div id="myCanvas" style="width: 500px;height:220px"></div>
<div class="tableMaterial">
<table class="table1" id="tableOne">
<tr>
<th> No </th>
<th> 名称 </th>
<th> 车次 </th>
<th> 数量(吨) </th>
</tr>
<tr v-for="(td,index) in item.xmwztotal">
<td>{{ index+1 }}</td>
<td>{{td.WzMC}} {{td.WzGGXH}}</td>
<td>{{td.CarCount}}</td>
<td>{{td.SumT}}</td>
</tr>
</table>
</div>
</div>
</div>
js部分代码:
$.ajax({
url: urlMaterial,
type: 'get',
dataType: 'jsonp',
success: function(data) {
data = data.wztotal;
var vm = new Vue({
el: "#material",
data(){
return{
items: []
}
},
mounted: function() {
data.map((val, index) =>{
this.$set(this.items,index, data[index])
})
}
});
}
})
这里的items第一次渲染数据正常,当我换个条件后,点击刷新,json数据改变,但是页面视图没有变,我怀疑是HTML那的问题,具体解决方案网上找了好多,至今未果。。。
上面是点击刷新之前,后面是点击刷新之后的。明明控制台已经变了,为什么页面不改变。绞尽脑汁想了好久最终发文章求助。希望Vue大神来这里看看,菜鸟在此万分感激!!!
之前也试过axios的请求方式,同样问题。。