店小二丶
- 发布：2023-09-13 10:35
- 更新：2023-10-07 14:30
- 阅读：456
产品分类： uniapp/小程序/微信
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： Win11
HBuilderX类型： 正式
HBuilderX版本号： 3.8.12
第三方开发者工具版本号： 1.06.2303220
基础库版本号： 2.31.1
项目创建方式： HBuilderX
示例代码：
<makeid-forms ref="formRef" :model="_formData" v-bind="formProps">
<template v-for="item in formConfig" :key="item.prop">
<makeid-forms-item
v-if="
(item.show || item.show === undefined) && item.type !== 'custom-all'
"
rules="defaultRules(item)"
name="item.prop"
label="item.label"
label-width="item.labelWidth"
error-message="item.errorMessage"
label-position="item.labelPosition"
>
<template #label>
<!-- 表单标题部分 -->
<slot :name="item.prop + '-label'" :data="item">
<view
class="form-item-label"
style="{
width: item.labelWidth || formProps.formLabelWidth,
color: isDisabled(item) ? '#848484' : '#333333',
marginBottom: labelPositionJudge(item),
}"
>
<text>{{ item.label }}</text>
<text v-if="isRequired(item)" class="form-item-require">*</text>
</view>
</slot>
</template>
</makeid-forms-item>
</makeid-forms>
<template #label>
<!-- 表单标题部分 -->
<slot :name="item.prop + '-label'" :data="item">
<view
class="form-item-label" style="{ width: item.labelWidth || formProps.formLabelWidth,
color: isDisabled(item) ? '#848484' : '#333333',
marginBottom: labelPositionJudge(item),
}"
>
<text>{{ item.label }}</text>
<text v-if="isRequired(item)" class="form-item-require">*</text>
</view>
</slot>
</template>
</makeid-forms-item>
</makeid-forms>
操作步骤：
循环插槽，插槽动态命名，传入动态生成的插槽能够显示
循环插槽，插槽动态命名，传入动态生成的插槽能够显示
预期结果：
循环插槽，插槽动态命名，传入动态生成的插槽能够显示
循环插槽，插槽动态命名，传入动态生成的插槽能够显示
实际结果：
APP H5能显示，微信小程序不行
APP H5能显示，微信小程序不行
bug描述：
在v-for循环中，先使用一个具名插槽，然后在剧名 插槽中使用一个作用域插槽，并且有默认元素，此时，外部给插槽传入一个template元素，插槽不生效
