折叠面板uni-collapse搭配z-paging报错:this.collapse.onChange is not a function

分类：uni-app

uniapp

目前两个tab，每个tab下是一个折叠面板列表，默认tab下的折叠面板是正常打开的，切换到另一个tab后点击折叠面板报错，再切回默认的(第一个折叠面板列表)，正常打开...所以是第二个折叠面板有问题...不知道原因，大佬们帮忙看看

2024-11-06 15:13 负责人:无分享

3 个回复

取消了在collapse上的v-if判断，将两个collapse改成了一个，其内放两个view，配合v-if，最后完成了想要的效果。
具体原因未找到,问题不知道在哪里..

第二个方法/现象:仍保持两个collapse，每个collapse中套一个view，将collapse上的v-if放在view上，view内放collapse-item，现象也是正常的

问题分析:由于折叠面板包在z-paging中，切换tab后，执行如下代码
active.value = activeName
scrollerPageRef.value.reload() //z-paging的reload:重新加载分页数据

因为某些原因，
此时的折叠面板的collapse-item列表都已经显示出来了，但是collapse由于v-if尚未渲染出来/或者说渲染得比其内的collpase-item要慢，这时点击collapse，由于collapse不存在，所以就会报错collapse的onclik方法未找到....

1***@qq.com (作者)

view本身没渲染，view其内的元素能渲染出来...这合理么....求佬们帮忙分析一下

2024-11-06 17:46

要回复问题请先登录或注册