vue 2 中用作用域插槽实现表格列自定义渲染，核心是通过 slot-scope 将当前行数据传给父组件以灵活控制列内容，无需修改子组件逻辑；需在 el-table-column 内使用 template[slot-scope]，避免与 prop 冲突，并注意容错处理和动态列配置。
Vue 2 中用作用域插槽实现表格列自定义渲染，核心是通过 slot-scope 把当前行数据传给父组件，让父组件决定每列怎么显示。不需要改子组件逻辑，也不用写重复判断，直接在模板里写业务需要的按钮、标签或组合结构即可。
基础写法：一列一个 slot-scope
在 <el-table-column></el-table-column> 内部用 <template slot-scope="scope"></template> 声明作用域插槽，scope.row 就是当前行完整数据对象：
- 必须写在
<el-table-column></el-table-column>标签内部，不能放在<el-table></el-table>上 -
scope还提供scope.$index（行索引）、scope.column（当前列配置）等常用字段 - 不要同时设置
prop属性，否则会和插槽内容冲突，导致文本重复或渲染异常
常见列类型示例
状态列用 el-tag 渲染带颜色标签：
vue-composition-api-best-practices
Vue 3 组合式 API 与
热门下载
相关下载
精品课程
相关推荐
/
热门推荐
/
最新课程
最新文章