<template>
<view>
<TestB>
<slot :name="tes" ></slot>
<slot></slot>
</TestB>
</view>
</template>
<script>
export default {
data() {
return {
tes:'tes'
};
}
}
</script>
<style lang="scss">
</style>
产品分类: uniapp/App
PC开发环境操作系统: Mac
PC开发环境操作系统版本号: 10.14.6
HBuilderX类型: Alpha
HBuilderX版本号: 2.9.11
手机系统: iOS
手机系统版本号: iOS 12.0
手机厂商: 苹果
手机机型: iPhone8p
页面类型: vue
打包方式: 云端
项目创建方式: HBuilderX
<template>
<view>
<TestB>
<slot :name="tes" ></slot>
<slot></slot>
</TestB>
</view>
</template>
<script>
export default {
data() {
return {
tes:'tes'
};
}
}
</script>
<style lang="scss">
</style>
<template>
<view>
<TestB>
<slot :name="tes" ></slot>
<slot></slot>
</TestB>
</view>
</template>
<script>
export default {
data() {
return {
tes:'tes'
};
}
}
</script>
<style lang="scss">
</style>
H5端与app端都能正常显示
空值,在H5端可正常显示,在app端不可正常显示,详细请看代码演示
自定义3个组件
组件A
组件B
组件C
组件A包含组件B,组件A中有slot 放在组件B内部,具体看代码