vue3通过slot传值

作者: adm 分类: vue 发布时间: 2023-02-13

问题描述
当前我需要通过插槽插入组件,但是同时又需要通过插槽传值

解决方法
子组件中
在这里,我设置了一个具名slot,然后传递当前的userGroupId

<div class="flex justify-end">
        <slot name="operation" :user-group-id="item.userGroupId"></slot>
      </div>

父组件中
在父组件中,导入后,通过template去响应对应的插槽,并直接在内部元素中,直接使用即可。

 <auth-list>
      <template v-slot:operation="operation" >
        {{ operation.userGroupId }}
      </template>
    </auth-list>

如果觉得我的文章对您有用,请随意赞赏。您的支持将鼓励我继续创作!