title: Slot

sidebar_label: Slot

slot 插槽

支持情况:Slot - 图1 Slot - 图2 Slot - 图3 Slot - 图4 Slot - 图5 Slot - 图6 Slot - 图7 Slot - 图8

类型

  1. ComponentType<SlotProps>

示例代码

  1. import { Slot, View, Text } from '@tarojs/components'
  2. export default class SlotView extends Component {
  3. render () {
  4. return (
  5. <View>
  6. <custom-component>
  7. <Slot name='title'>
  8. <Text>Hello, world!</Text>
  9. </Slot>
  10. </custom-component>
  11. </View>
  12. )
  13. }
  14. }

SlotProps

参数 类型 默认值 必填 说明
name string none 指定插入的 slot 位置
varName string none scoped slot 传入数据源

API 支持度

API 微信小程序 百度小程序 支付宝小程序 字节跳动小程序 QQ 小程序 京东小程序 H5 React Native
SlotProps.name ✔️ ✔️ ✔️ ✔️ ✔️ ✔️
SlotProps.varName ✔️