VueJS - 将插槽传递给子组件的子组件
- 论坛
- VueJS - 将插槽传递给子组件的子组件
11 浏览
VueJS - 将插槽传递给子组件的子组件
我有一个列表和一个列表项组件,在我的应用程序中经常重复使用。简化的形式如下:
contact_list.vue
.table
.table-header.table-row
.table-col 联系人
.table-col 信息
.table-body
contact-list-item(v-for='contact in contacts',
:contact='contact',
@click='doSomething()')
contact_list_item.vue
.table-row(@click='emitClickEvent')
.table-col {{ contact.name }}
.table-col {{ contact.info }}
当我在特定组件中使用contact_list时,我希望能够发送一个插槽,将一些新的列添加到contact_list_item组件中。这个插槽将使用正在渲染的特定联系人的数据来生成新的列。
我应该如何实现这个?使用插槽是最好的方法吗?
谢谢您的帮助。