关于vue中$slots.hader的找不到对应的值

代码如下,我想找到这个solthaderp标签,结果发现找不到,是不是我的理解错了,请大家帮忙看看,谢谢

<body>
    <div id="div1">
        <appcom>

            <p slot="hader" slot-scope="pro">
                aaaa
            </p>

        </appcom>
    </div>
    <script>
        var cl = new Vue({
            el: '#div1',
            data: {
                name: '小明'
            },
            components: {
                'appcom': {
                    template: '<div><slot name="hader" text="我是来自子组件的内容"></slot></div>',
                },


            },
            mounted() {
                var header = this.$slots.hader
                console.log(header)
            },
        })
    </script>
</body>
阅读 2k
1 个回答

应该通过ref来找。
this.slots是外层调用本组件传入的slot编译后的函数

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题