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

完结😂😂

相关推荐
我是伪码农3 小时前
Vue 智慧商城项目
前端·javascript·vue.js
不认输的西瓜3 小时前
fetch-event-source源码解读
前端·javascript
小书包酱3 小时前
在 VS Code中,vue2-vuex 使用终于有体验感增强的插件了。
vue.js·vuex
Zhencode4 小时前
Vue3 响应式依赖收集与更新之effect
前端·vue.js
天下代码客4 小时前
使用electronc框架调用dll动态链接库流程和避坑
前端·javascript·vue.js·electron·node.js
冰暮流星5 小时前
javascript之数组
java·前端·javascript
晚霞的不甘5 小时前
Flutter for OpenHarmony天气卡片应用:用枚举与动画打造沉浸式多城市天气浏览体验
前端·flutter·云原生·前端框架
weixin79893765432...5 小时前
Vue 渲染体系“三件套”(template 模板语法、h 函数和 JSX 语法)
vue.js·h函数·template 模板·jsx 语法
xkxnq5 小时前
第五阶段:Vue3核心深度深挖(第74天)(Vue3计算属性进阶)
前端·javascript·vue.js
三小河5 小时前
Agent Skill与Rules的区别——以Cursor为例
前端·javascript·后端