一、Element UI中的scope的用法
一个固定用法:<template slot-scope="scope">
scope相当于是tableData的一行,与el-table-column唯一对应,具体实验代码如下
<el-table-column
label="操作"
width="100">
<template slot-scope="scope">
<el-button @click="update(scope)" type="text" size="small">编辑</el-button>
<el-button type="text" size="small" @click="del(scope.$index)">删除</el-button>
</template>
<el-table-column>
scope内容如下:
{row:{...},column:{...},$index:0,store:TableStore,_self:VueComponent}
$index:0
column:{...}
row:{...}
store:TableStore{_ob_:Observer}
_self:VueComponent{_uid:486,_isVue:true,$options:{...},_renderProxy:Proxy,_self:VueComponent,...}
_proto_:Object
二、