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

完结😂😂

相关推荐
acheding1 小时前
Vue3 + AntV/X6 自定义节点实践:组件化节点与事件联动
前端框架·vue
南村群童欺我老无力.1 小时前
Flutter应用鸿蒙迁移实战:性能优化与渐进式迁移指南
javascript·flutter·ci/cd·华为·性能优化·typescript·harmonyos
花哥码天下2 小时前
恢复网站console.log的脚本
前端·javascript·vue.js
北辰alk2 小时前
Vue 的 nextTick:破解异步更新的玄机
vue.js
北辰alk2 小时前
Vue 技巧揭秘:一个事件触发多个方法,你竟然还不知道?
vue.js
北辰alk2 小时前
Vue 中 computed 和 watch 的深度解析:别再用错了!
vue.js
奔跑的呱呱牛2 小时前
geojson-to-wkt 坐标格式转换
javascript·arcgis
梦梦代码精3 小时前
《全栈开源智能体:终结企业AI拼图时代》
人工智能·后端·深度学习·小程序·前端框架·开源·语音识别
康一夏3 小时前
React面试题,封装useEffect
前端·javascript·react.js
❆VE❆4 小时前
WebSocket与SSE深度对比:技术差异、场景选型及一些疑惑
前端·javascript·网络·websocket·网络协议·sse