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);
   

完结😂😂

相关推荐
前端小臻5 小时前
RustFs 前端开发
javascript·vue.js·rustfs
+VX:Fegn08955 小时前
计算机毕业设计|基于springboot + vue英语学习系统(源码+数据库+文档)
数据库·vue.js·spring boot·后端·课程设计
syt_10136 小时前
js基础之-如何理解js中一切皆对象的说法
开发语言·javascript·原型模式
十五0016 小时前
若依集成微软单点登录(SSO)
javascript·microsoft
YaeZed6 小时前
Vue3-插槽slot
前端·vue.js
Irene19916 小时前
JavaScript 三种类型检测方法对比(instanceof、typeoff、Object.prototype.toString.call())
javascript·类型检测
杨进军6 小时前
如何实现划词效果
前端·javascript
destinying6 小时前
五年前端,我凌晨三点的电脑屏幕前终于想通了这件事
前端·javascript·vue.js
想学后端的前端工程师6 小时前
【React Hooks深度实战指南:从原理到最佳实践】
前端·react.js·前端框架
码界奇点6 小时前
基于Spring Boot和Vue.js的视频点播管理系统设计与实现
java·vue.js·spring boot·后端·spring·毕业设计·源代码管理