<list class="list" ref="listRef" @onLoadmore="onLoadmore">
<template #empty="{list}" class="nim">
<view class="empty" v-if="list.length==0">
<up-empty mode="order" text="没有数据"></up-empty>
</view>
</template>
</list>
4***@qq.com
- 发布：2025-09-22 17:01
- 更新：2025-09-22 17:04
- 阅读：18
产品分类： uniapp/小程序/微信
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： win11
HBuilderX类型： 正式
HBuilderX版本号： 4.81
第三方开发者工具版本号： 1.06.2504030
基础库版本号： 3.10.0
项目创建方式： HBuilderX
示例代码：
操作步骤：
使用插槽
使用插槽
预期结果：
<view class="list" >
<view class="empty" v-if="list.length==0">
<up-empty mode="order" text="没有数据"></up-empty>
</view>
</view >
<view class="list" >
<view class="empty" v-if="list.length==0">
<up-empty mode="order" text="没有数据"></up-empty>
</view>
</view >
实际结果：
<view class="list" >
<view slot="empty">
<view class="empty" v-if="list.length==0">
<up-empty mode="order" text="没有数据"></up-empty>
</view>
</view>
</view >
<view class="list" >
<view slot="empty">
<view class="empty" v-if="list.length==0">
<up-empty mode="order" text="没有数据"></up-empty>
</view>
</view>
</view >
bug描述：
uniapp vue3 使用作用域插槽时，template 变成了view元素，但是又不能控制它的样式，破坏了本来的dom结构 导致css失效的问题！！！！！！！！！！
1 个回复
DCloud_UNI_JBB
这个不是bug，是小程序的限制，block标签上不能设置 slot 属性