uni-app icon indicating copy to clipboard operation
uni-app copied to clipboard

动态插槽拿不到作用域插槽的值

Open qhl123456 opened this issue 1 year ago • 0 comments
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可以显示

qhl123456 avatar May 28 '24 15:05 qhl123456