uni-app
uni-app copied to clipboard
动态插槽拿不到作用域插槽的值
trafficstars
给了动态插槽后,同时还是作用域插槽,父组件拿不到作用域插槽的值
子组件代码:
<slot v-if="item.isCustomContent" :name="item.slotName || 'record'" :item="item" :dataItem="dataItem" :index="index"></slot>
<template v-else>
<view class="card-list-item-title"> {{ item.title }} : </view>
<view class="card-list-item-text">
{{ dataItem[item.prop] === 0 ? "0" : dataItem[item.prop] || "-" }}
</view>
</template>
</template>
</view>
</template>
</view>
父组件代码: <baseCard :cardConfig="cardConfigHelp"> <template #distance="{ item }"> 123 --{{ item }} </baseCard> const cardConfigHelp = reactive({ columns: [ { title: "救援时间", prop: "time" }, { title: "救援地点", prop: "address" }, { title: "救援距离", prop: "distance", slotName: "distance", isCustomContent: true }, { title: "救援费", prop: "money", isCustomContent: true } ], isCustomTitle: true, isCustomContent: false, isCustomFooter: false })
这样父组件拿作用域插槽的值直接不渲染插槽了,写死123可以显示