标签：封装 作用域 插槽 element ui 组件 scope
习题链接
element-ui 组件二次封装
课程列表
修复bug，实现element ui组件中的单选功能。
关键点
- 作用域插槽（Scoped Slots）
- 在父组件中使用slot-scope="scope"指定了一个名为scope的变量，当然也可以使用其他名称
- 在插槽中就可以使用scope是点父组件中的数据
- Element UI组件的Radio组件属性
- 在Element UI中的radio组件，给label赋值其实就是设置的value值
- 都题目中提及“Scoped slot 获取到 row”
- 直接设置的slot-scope设置的scope，然后使用scope.row访问到当前行的数据
- 官网的作用域插槽
- 官网作用域插槽
代码实现 && 完整的代码
- 完整code
<template slot-scope="scope">
<el-radio v-model="currentRow" :label="scope.row"> </el-radio>
</template>
标签：封装,
作用域,
插槽,
element,
ui,
组件,
scope
From： https://www.cnblogs.com/DnmyCourage/p/17455537.html