- 发布:2023-09-13 10:35
- 更新:2023-10-07 14:30
- 阅读:432
产品分类: 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元素,插槽不生效