代码如下,我想找到这个solt
为hader
的p
标签,结果发现找不到,是不是我的理解错了,请大家帮忙看看,谢谢
<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>
应该通过ref来找。
this.slots是外层调用本组件传入的slot编译后的函数