Slot
slot 插槽
支持情况:

类型
ComponentType<SlotProps>
示例代码
import { Slot, View, Text } from '@tarojs/components'
export default class SlotView extends Component {
render () {
return (
<View>
<custom-component>
<Slot name='title'>
<Text>Hello, world!</Text>
</Slot>
</custom-component>
</View>
)
}
}
SlotProps
| 参数 | 类型 | 默认值 | 必填 | 说明 |
|---|---|---|---|---|
| name | string | none | 否 | 指定插入的 slot 位置 |
| varName | string | none | 否 | scoped slot 传入数据源 |
API 支持度
| API | 微信小程序 | 百度小程序 | 支付宝小程序 | 字节跳动小程序 | QQ 小程序 | 京东小程序 | H5 | React Native |
|---|---|---|---|---|---|---|---|---|
| SlotProps.name | ✔️ | ✔️ | ✔️ | ✔️ | ✔️ | ✔️ | ||
| SlotProps.varName | ✔️ |