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>

js方法console.log(scope)通过在控制台观察，发现每一行输出的scope都是当前行的数据，包含$index:当前行的索引，column，row,store等，如下

{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