vue 数据更新问题

匿名 (未验证) 提交于 2019-12-02 23:56:01

在uni-app构建选项卡时,方法中改变的数据无法更新v-if中的布尔值

在函数中打印出来是修改成功了,但在页面中并没有进行响应

布局如下:

<swiper :current="tabCur" class="swiper-box" duration="700" circular @change="changeDrawList">             <swiper-item class="tab-content" v-for="(items,indexs) in drawList" :key="indexs">                 <scroll-view style="height: 100%;  overflow: hidden;" scroll-y @scrolltolower="onBotton">                     <!-- 加载loading图标 -->                     <view class="content" :style="{height:height1 + 'px'}" v-if="items.loadModal">                         <view class="cu-load">                             <view class="gray-text">                                 <view class="loading">                                     <text></text>                                     <text></text>                                     <text></text>                                     <text></text>                                     <text></text>                                 </view>                             </view>                         </view>                     </view>                     <block v-else>                         <view class="ma-desc">                             <text class="te-desc">&emsp;&emsp;{{items.message}}</text>                             <text class="te-author">{{items.createTime}}</text>                         </view>                         <!-- 作品区域 -->                         <view class="draw-list">                             <view class="drawItem" v-for="item in items.data" :key="item.draw_id">                                 <view class="draw">                                     <!-- 短边优先 -->                                     <image :src="item.draw_image_url" mode="aspectFill" lazy-load></image>                                 </view>                                 <view class="drawAuthor">                                     <image :src="item.draw_tou"></image>                                     <text class="name">{{item.draw_name}}</text>                                 </view>                             </view>                         </view>                     </block>                 </scroll-view>             </swiper-item>         </swiper>

vue中的操作:

getInfo() {                 this.drawList[this.tabCur] = List;                // 应完成请求后的回调中设置                 setTimeout(() => {                     // this.drawList[this.tabCur].loadModal = false;                     this.$set(this.drawList[this.tabCur],"loadModal",false); //这个也搞不定,只成功修改了数组中的对象值                    this.$forceUpdate();  //救星 强制刷新                 }, 1500);             }

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!