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

完结😂😂

相关推荐
用户479492835691513 分钟前
面试官问 React Fiber,这一篇文章就够了
前端·javascript·react.js
用户8417948145629 分钟前
vxe-table 实现滚动加载数据,无限加载数据教程
vue.js
一水鉴天38 分钟前
整体设计 定稿 之23+ dashboard.html 增加三层次动态记录体系仪表盘 之2 程序 (Q199 之2) (codebuddy)
开发语言·前端·javascript
_请输入用户名44 分钟前
Vue 3 源码项目结构详解
前端·vue.js
前端无涯1 小时前
Vue3---(2)setup
vue.js
前端无涯1 小时前
Vue---scoped,deep,CSS Modules
vue.js
掘金挖土1 小时前
手摸手快速搭建 Vue3 + ElementPlus 后台管理系统模板,使用 JavaScript
前端·javascript
CoderHing1 小时前
告别 try/catch 地狱:用三元组重新定义 JavaScript 错误处理
前端·javascript·react.js
前端无涯1 小时前
Vue3---(1)项目工程创建
vue.js
前端无涯1 小时前
Vue3---(3)ref,reactive,toRefs,toRef
vue.js