[Vue]如何在Loop组件中使用slot-scope

时间:2019-01-21 10:08:43

标签: javascript vue.js

我设计了一个树组件,使用循环组件显示叶子关系。当我想修改标签以显示图片或图标时出现了问题。
这样。

<img ...>1
<icon ...>2

但是我不知道如何在Loop Component中使用slot-scope。

component:'tree':
<template>
    <ul>
        <li>
            ...
            <slot :data='data'>
            </slot>
            ...
            <tree ....>
                <slot><!--How to show the slot???--></slot>
            </tree>
        </li>
    </ul>
</template>

如果在树中使用<slot :data='data'></slot>,则仅显示父节点(级别1)。像这样

<img ...>1
    <img ...>1  (there should be 1-1)
    <img ...>1  (there should be 1-2)   
<img ...>2

如果使用<slot :data='data.children'></slot>,则必须抛出异常。
是否可以在循环组件中使用slot-scope?如果不使用循环,如何显示关系?
如果有人可以给我一些帮助,谢谢。

0 个答案:

没有答案