我很难想出如何让以下各项发挥作用:
我的父模板
<comp>
<a href="#" slot="links">link 1</a>
<a href="#" slot="links">link 2</a>
</comp>
我的component comp
模板如下所示:
<ul class="comp">
<li class="comp-item"><slot name="links"></slot></li>
</ul>
目前,我所有的锚都指向单个li
标签(这是预期的)
<ul class="comp">
<li class="comp-item"><a href="#" slot="links">link 1</a></li>
<li class="comp-item"><a href="#" slot="links">link 2</a></li>
</ul>
有没有办法不使用作用域插槽就实现我需要的功能?因为我的内容是纯HTML的,所以我觉得没有必要把静态内容放在prop中来呈现它们.
据我所见,大多数vue UI框架都要求您为列表项使用另一个自定义组件,我觉得这个问题解决得太多了.还有别的办法吗?