uniapp插槽渲染后slot的内容的位置出现变化

Question

子组件代码

<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里面 现在确跟它同级了

Answer 1

如果没猜错的话，你这是微信开发者工具上运行的吧，这没啥影响，这是uniapp基于微信的特殊组件模式做的调整，你可以在浏览器运行看下，dom节点应该是正常的