获取具有槽属性 vue 的元素列表

Question

我的 parent 中有一个自定义标签 <datatable>，其中包含插槽引用：

 <datatable> 
        <div slot="week"> 5</div>
        <div slot="day"> monday</div>
    </datatable>

是否可以获取插槽名称数组？

尝试过：document.querySelectorAll('[slot]');

但我得到的只是一个空节点列表。

Answer 1

你可以这样得到数组(https://vuejs.org/v2/api/#vm-slots):

 <datatable ref="comp"> 
        <div slot="week"> 5</div>
        <div slot="day"> monday</div>
    </datatable>

console.log(Object.keys(this.$refs.comp.$slots));