微信小程序原生自定义组件混合 Taro3.x 深层嵌套失效问题

最大程度复用现有的微信小程序组件,可以引入到 Taro 项目内使用

在开发过程中毫无意外的又遇到坑了!

嵌套层不能多于 15 层,即:

<View>
	<View>
		<View>
			..... 不能多于 15 层View 嵌套
		</View>
	</View>
</View>

如果多于 15 层嵌套,虽然样式上渲染没有大问题。但微信小程序的自定义组件功能将失效

我在网上找到的一个 "左滑删除" 的小程序自定义组件引入后正常情况下能正常渲染并使用

image

image

View 嵌套大于16 层就无法向左滑动了

查看渲染后的 html 结构:

正常小于 15 层的:有一个叫 <components/slide-delete/index> 的标签

image

大于15层的则没有 <components/slide-delete/index> 仅有一个 <comp>

image

我记得以前看过Taro 实现的文章 ,猜测跟微信小程序无法动态创建 View 有关,Taro 是预先创建了一定的 模板

最后咋办? 我让 AI 帮我把 slide-delete 这个微信小程序组件转为了 Taro3.0 的组件搞定。。

不得不感叹 Ai 是真好用啊

坑了我半天时间,一直以为是自己写错了。。


注:转载请注明出处博客园:王二狗Sheldon池中物 (willian12345@126.com)

posted @ 2025-07-25 17:00  池中物王二狗  阅读(33)  评论(0)    收藏  举报
转载入注明博客园 王二狗Sheldon Email: willian12345@126.com https://github.com/willian12345