微信小程序原生自定义组件混合 Taro3.x 深层嵌套失效问题
最大程度复用现有的微信小程序组件,可以引入到 Taro 项目内使用
在开发过程中毫无意外的又遇到坑了!
嵌套层不能多于 15 层,即:
<View>
<View>
<View>
..... 不能多于 15 层View 嵌套
</View>
</View>
</View>
如果多于 15 层嵌套,虽然样式上渲染没有大问题。但微信小程序的自定义组件功能将失效
我在网上找到的一个 "左滑删除" 的小程序自定义组件引入后正常情况下能正常渲染并使用
View 嵌套大于16 层就无法向左滑动了
查看渲染后的 html 结构:
正常小于 15 层的:有一个叫 <components/slide-delete/index>
的标签
大于15层的则没有 <components/slide-delete/index>
仅有一个 <comp>
我记得以前看过Taro 实现的文章 ,猜测跟微信小程序无法动态创建 View 有关,Taro 是预先创建了一定的 模板
最后咋办? 我让 AI 帮我把 slide-delete 这个微信小程序组件转为了 Taro3.0 的组件搞定。。
不得不感叹 Ai 是真好用啊
坑了我半天时间,一直以为是自己写错了。。
注:转载请注明出处博客园:王二狗Sheldon池中物 (willian12345@126.com)