侧边栏壁纸
  • 累计撰写 60 篇文章
  • 累计收到 10 条评论

解决uview Collapse 折叠面板动态数据内容不更新,刷新面板折叠问题

2024-6-12 / 0 评论 / 2473 阅读
温馨提示:
本文最后更新于 2024-6-12,已超过半年没有更新,若内容或图片失效,请留言反馈。

数据量大不可能一次性返回的。影响体验的。目前需求就是一个点击一个数据的。
tempalate部分

<u-collapse ref="collapse"><u-collapse-item :title="item" v-for="(item, index) in itemList" :key="index" :name='index'>{{item}}</u-collapse-item></u-collapse>

js部分
this.$nextTick(() => {
this.$refs.collapse.init()
})

问题来了,数据刷新了,但是面板折叠了,然后点击有数据了,但是这样很不方便,影响体验了。
现在需求就是数据刷新,面板不折叠。

里面有个方法

用里面的value来标记打开的面板
这样子就不会刷新,面板又折叠了
tempalate部分

<u-collapse ref="collapse" :value="要打开的列表"> <u-collapse-item :title="item" v-for="(item, index) in itemList" :key="index"> {{item}} </u-collapse-item> </u-collapse>

js部分就是绑定打开和关闭的事件处理这个打开关闭的name的id,就可以了

评论一下?

OωO
取消