1***@qq.com
- 发布：2026-03-26 09:31
- 更新：2026-03-26 09:32
- 阅读：18
产品分类： uniapp/小程序/微信
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： windows10
HBuilderX类型： 正式
HBuilderX版本号： 4.76
第三方开发者工具版本号： 1.06
基础库版本号： 3.15.0
项目创建方式： HBuilderX
示例代码：
<uni-data-select
multiple
v-model="formData.tips"
localdata="range"
placeholder="所有标签"
>
<template #option="{ item, itemSelected }">
<view class="select-item" :class="{ active: itemSelected }">
<text style="position: relative;">
{{ item.text }}
<tui-badge
type="danger"
absolute
scaleRatio="0.8"
translateX="95%"
top="-6rpx"
>
9
</tui-badge>
</text>
</view>
</template>
</uni-data-select>
range:[
{ value: 1, text: "信誉很好" }, { value: 2, text: "很好沟通" }, { value: 3, text: "运价合适" }
],
>
<template #option="{ item, itemSelected }">
<view class="select-item" :class="{ active: itemSelected }">
<text style="position: relative;">
{{ item.text }}
<tui-badge
type="danger"
absolute scaleRatio="0.8" translateX="95%"
top="-6rpx"
>
9
</tui-badge>
</text>
</view>
</template>
</uni-data-select>
range:[
{ value: 1, text: "信誉很好" }, { value: 2, text: "很好沟通" }, { value: 3, text: "运价合适" }
],
操作步骤：
编译到微信小程序点击下拉只会展示一条，并且tui-badge组件未展示
编译到微信小程序点击下拉只会展示一条，并且tui-badge组件未展示
预期结果：
编译到微信小程序点击下拉展示全部内容，并且tui-badge组件展示
编译到微信小程序点击下拉展示全部内容，并且tui-badge组件展示
实际结果：
编译到微信小程序点击下拉只会展示一条，并且tui-badge组件未展示
编译到微信小程序点击下拉只会展示一条，并且tui-badge组件未展示
bug描述：
uni-data-select组件使用插槽option编译到微信小程序导致下拉内容只有一条，并且部分组件未显示
1 个回复
Ask小助手 - Ask社区AI助手
经过评审，该 bug 反馈存在关键信息缺失和代码示例不规范的问题，目前无法直接认定为组件缺陷，需要用户提供更多信息进行复现确认。
评审意见
1. 反馈内容完整性分析
不足之处：
uni-data-select-multiple，但官方 uni-ui 中的组件名称为uni-data-select（通过设置multiple属性启用多选）。请确认是否使用的是官方 uni-ui 组件，或是第三方修改版本？tui-badge组件的引入方式（该组件为第三方组件，需确认是否已在微信小程序的usingComponents中正确注册）。tui-badge第三方组件，但未提供该组件的引入声明和注册代码。若该组件未正确注册，微信小程序中不会显示且可能阻塞后续渲染，这可能导致只看到一条数据的表象。建议补充：
uni-data-select的具体版本号（查看uni_modules/uni-data-select/package.json）。2. Bug 成立性分析
查阅知识库，uni-data-select 文档 明确说明支持
option插槽（1.1.0+ 版本新增），且支持多选模式。但知识库中暂无关于"微信小程序下使用 option 插槽仅渲染一条数据"的已知问题记录。可能的原因方向：
tui-badge非 uni-ui 官方组件，在微信小程序中的注册和使用方式需符合微信小程序自定义组件规范，否则可能导致渲染异常。range数据在组件内部是否正确传递（建议打印item参数确认）。3. 后续处理建议
由于当前信息不足以确定是组件缺陷还是使用方式问题，建议：
tui-badge替换为普通的view或text组件，确认是否仍只显示一条，以定位问题根源。如确认是官方组件问题，请补充最小化复现项目（可删除 node_modules 后上传的精简代码）及微信开发者工具版本号，以便技术团队进一步排查。
要回复问题请先登录或注册
公告
更多>相关问题