vue如何动态更新外部引用对象?

发布于 2022-09-11 16:58:09 字数 2389 浏览 24 评论 0

    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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

灯下孤影 2022-09-18 16:58:09

你是如何更新值得,直接docjson = ? 这样

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文