Vue学习-理解vue之element-ui中的 slot-scope

2018-05-14 | Vue

理解vue之element-ui中的 slot-scope

Table-column Scoped Slot

name 说明
— 自定义列的内容，参数为 { row, column, $index }
header 自定义表头的内容. 参数为 { column, $index }

在实际的使用过程中，这种用法当然不仅仅局限于此，其他的地方也会用到。到底这里有什么特别之处呢？
我们看看普通的table用法：

</el-table-column>
             <el-table-column prop="mg_state" label="状态">
                 <template slot-scope="scope">
                    {{scope.row.mg_state}}
             　　</template>
         </el-table-column>

template（模版） 在这里属于一个固定用法：