如何列出vue组件中的所有可用插槽

时间:2018-05-26 17:50:42

标签: vue.js

我正在开发设计系统工具和Vue组件的手动隔离测试。

我想列出所有可用的插槽和scopedSlots而不在DOM中渲染组件。理想情况下 - 在客户端执行,但也可以在服务器端执行(使用vue测试工具或任何有效的工具)。

我尝试从vm访问广告位,但vm.$slots只有从父组件填充的广告位。

有办法以某种方式获取所有插槽的列表吗?我想避免为模板编写自己的解析器......

2 个答案:

答案 0 :(得分:0)

找到了解决这个问题的软件包https://www.npmjs.com/package/@vuedoc/parser

答案 1 :(得分:0)

我想这只有在挂载上才有可能。您可以为此使用$ refs:age, name, height_cm 20, John, 176 35, Robert, 185 28, Julia, 162 this.$refs['your-ref'].$slots