子组件代码
<template>
<view class="chlid">
<view>我是子组件</view>
<slot></slot>
</view>
</template>
<script>
export default {
name:"slottest",
data() {
return {
};
}
}
</script>
<style lang="scss">
.zi{ font-size: 50rpx;}
</style>
父组件代码
<template>
<view class="content">
<slottext>
<view>父组件内容</view>
</slottext>
</view>
</template>
<script>
import slottext from '@/components/slottest'
export default {
data() {
return {
news : []
};
},
components:{
slottext
},
}
</script>
运行后
我是父组件 的内容应该在
class=chlid 的view里面 现在确跟它同级了
如果没猜错的话,你这是微信开发者工具上运行的吧,这没啥影响,这是uniapp基于微信的特殊组件模式做的调整,你可以在浏览器运行看下,dom节点应该是正常的