<div class
="div-tab">
<el
-table :
data="bankLists" >
<el
-table-column prop
="index" label
="index" type="index" :index
="indexMethod">
</el
-table-column>
<el
-table-column prop
="id" label
="编号">
</el
-table-column>
<el
-table-column prop
="interfaceNo" label
="交易号">
</el
-table-column>
<el
-table-column prop
="remarks" label
="备注">
</el
-table-column>
<el
-table-column prop
="writer" label
="作者">
</el
-table-column>
<el
-table-column prop
="createDate" label
="创建时间">
</el
-table-column>
<el
-table-column prop
="modifyDate" label
="修改时间">
</el
-table-column>
<el
-table-column prop
="send" label
="发送报文">
</el
-table-column>
<el
-table-column prop
="receive" label
="接受报文">
</el
-table-column>
<el
-table-column label
="操作" width
="100px">
<template slot
-scope="scope">
<el
-button size
="small" type="primary" icon
="el-icon-edit" @click
="bank_mapping_edit(scope.row)"></el
-button>
<el
-button size
="small" type="danger" icon
="el-icon-delete" @click
="bank_mapping_del(scope.row)"></el
-button>
</template
>
</el
-table-column>
</el
-table>
</div
>
参考这篇 scope
新版本的vue将scope变成slot-scope了
相当于el-table是一个插槽，它自带row index 各种属性，是父组件
scope=“scope”可以取得父组件的任何内容
先是在export default里给父组件传递data 然后scope可以拿到这个data为所欲为
