vue插槽传参

# 需求

在使用vue插槽时，需要将父组件的参数，动态传入到子组件的插槽中

# 实现

<!-- 父组件 -->
<!-- 
name：插槽名称
:参数名=参数值 进行传参 -->
 <slot name='footer' :$index='123' :row='3'>
 </slot>

1
2
3
4
5
6

接收参数

<!-- 这里通过scope拿值 -->
 <template  v-slot:footer='scope'>
    <el-button size="mini" type="text"  @click="handleEdit(scope.$index, scope.row)">编辑</el-button>
</template>

1
2
3
4
5

编辑

上次更新: 2024/02/29, 16:25:39

← css点击穿透谷歌浏览器的kiosk模式→