LiuShuaiDong:vue语法

一、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

二、

上一篇:VUE 在框架里有scope的地方调用vue的this


下一篇:vue中slot的使用