子组件代码：
<template>
<div>
我是子组件1
<slot name="default" :listData="listData"></slot>
<div>
其他插槽:
<slot name="other">
<div style="color: red">后备内容</div>
</slot>
</div>
</div>
</template>
<script>
export default {
data() {
return {
listData: []
};
}
};
</script>页面代码：
<template>
<view class="content">
<view>使用作用域插槽时，后备内容没有展示</view>
<test1>
<template v-slot:default="{ listData }">
<!-- {{ listData }} -->
</template>
</test1>
<view style="margin-top: 20px;">未使用作用域插槽时，后备内容正常展示</view>
<test1>
<template v-slot:default></template>
</test1>
</view>
</template>
4***@qq.com
解决了吗
2024-09-11 10:51