vue如何动态更新外部引用对象?
function processData2(responseText) {
var data = responseText;
var docjson = data.List;
console.log("178: " + docjson[9].Title)
var vm = new Vue({
el: '#docs',
data: {
docjson: docjson,
},
methods:{
showintro(infoId,infoType){
opennewpage(infoType + "intro.html?infoId=" + infoId, infoType + "intro", "slide-in-right", true, true);
},
}
});
}
<-- html-->
<div id="docs" class="mui-table-view mui-table-view-chevron list-atr">
<div class="item-list" v-for="(list,index) in docjson" :key="list.ImgUrl" v-on:click="showintro(list.DjLsh,'art')">
<div class="list-letf" >
<img :src="list.ImgUrl" class="list-img" />
</div>
<div class="list-right">
<div class="list-right-head">
<div class="list-title line-clamp1">{{list.Title}}</div>
<div class="list-name">{{list.UserPenName}}</div>
</div>
<div class="list-intro line-clamp1">{{list.Intro}}</div>
<div class='list-tagNav'>
<div class="tag-text OrgColor">{{list.ViewNeedMoney *10 + "积分"}}</div>
<div class="tag-text" >{{list.ViewCount + "人观看"}}</div>
<div class="tag-text" >{{list.CommentCount + "人评论"}}</div>
</div>
</div>
</div>
</div>
第一次加载后data能够获取到docjson 的值,并渲染到列表当中。但是上拉加载后,虽然docjson 里的值更新了,可是列表并没有跟着更新,依然是显示的是上一次的数据,是因为docjson 动态更新后没有传入到data里吗?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
你是如何更新值得,直接
docjson = ?
这样