sq-slot组件
<template>
<view>
<view v-for="item in num" :key="item">
<slot name="label" data="111" v-if="$scopedSlots.label"></slot>
</view>
</view>
</template>
<script>
export default {
data() {
return {
num: 0,
};
},
mounted() {
setTimeout(() => {
this.num = 5;
}, 1000);
},
};
</script>sq-slot2组件
<template>
<sq-slot>
<template v-slot:label="row" v-if="$scopedSlots.label">
<slot name="label" val="111" v-bind="row"></slot>
</template>
</sq-slot>
</template>
<script>
export default {};
</script>使用代码
<sq-slot2>
<template v-slot:label="row">
{{ JSON.stringify(row) }}
</template>
</sq-slot2>
2 个回复
BFC
你好，已确认bug，感谢反馈，已加分。
BFC
临时解决方案， 将多层slot嵌套的方式调整为 单个slot嵌套。 例如将sq-slot 和sq-slot2 合并成一个组件，或者sq-slot 和sq-slot2 之间关闭slot，使用props的方式传递信息。