uview Collapse折叠面板无法动态设置展开问题(微信小程序)

原因

javascript 复制代码
        /**
         * 1. 出现设备 微信小程序
         * 2. 异步数据更新,导致已经生成的视图渲染得不到具体内容,
         * 也就导致css 无法跟准确的去更新DOM
         * 3. 解决异步时间差问题
         */ 

代码实现

HTML

javascript 复制代码
<u-collapse
        v-if="list.length"
        ref="collapse"
        :value="collapseActive"
      >
 </u-collapse>

Javascript

javascript 复制代码
      const {data}= await Api();
      this.list= data;
      setTimeout(() => {
        this.$nextTick(async () => {
          this.$refs.collapse.init();
        });
      }, 200);
   

完结😂😂

相关推荐
JIngJaneIL22 分钟前
基于java+ vue学生成绩管理系统(源码+数据库+文档)
java·前端·数据库·vue.js·spring boot·后端
千寻girling33 分钟前
面试官 : “ 说一下 localhost 和127.0.0.1 的区别 ? ”
前端·javascript·面试
老华带你飞34 分钟前
智能菜谱推荐|基于java + vue智能菜谱推荐系统(源码+数据库+文档)
java·开发语言·前端·数据库·vue.js·spring boot
YAY_tyy37 分钟前
Turfjs+Three.js:地理数据的三维建模应用
前端·javascript·3d·arcgis·turfjs
@淡 定1 小时前
DDD领域事件详解:抽奖系统实战
开发语言·javascript·网络
汐泽学园1 小时前
基于Vue的幼儿绘本阅读启蒙网站设计与实现
前端·javascript·vue.js
mikan2 小时前
详解把老旧的vue2+vue-cli+node-sass项目升级为vite
前端·javascript
爱上妖精的尾巴2 小时前
7-2 WPS JS宏 Object对象属性的查、改、增、删
前端·javascript·vue.js
源码获取_wx:Fegn08952 小时前
基于springboot + vueOA工程项目管理系统
java·vue.js·spring boot·后端·spring
change_fate2 小时前
vue模板数组不要直接使用reverse方法
前端·javascript·vue.js