在父组件中使用具名插槽,插槽内展示自定义组件。正常而言,template应该是不渲染成具体标签的。
<uni-list class="ac-list" border>
<uni-list-item class="list-item" v-for="ac of activityList" :key="ac.activityId">
<template v-slot:body style="width: 100%;">
<activity-item :activityData="ac" ></activity-item>
</template>
</uni-list-item>
</uni-list>
但是微信开发者平台中查看转换后的代码,发现template被渲染成了view。
导致在实际的dom结构中,自定义组件外边出现了一层标签,组件内部的百分比宽高无法正常应用上。
注:template上的style是为了测试多出来的那一层view是否为template转换而来加上的。
想问一下这个template渲染成了一个view是什么原因?
z***@outlook.com
我也遇到了,cli创的项目,vue3.2.39。我拆分复现了一下,我这里是movable-area的问题,在movable-area里漏插槽,漏出的就会自动多一层带插槽名字class的view
2022-12-16 17:06