vue scope的理解
<div class="div-tab"><el-table :data="bankLists" ><el-table-column prop="index" label="index" type="index" :index=&
·
<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>
新版本的vue将scope变成slot-scope了
相当于el-table是一个插槽,它自带row index 各种属性,是父组件
scope=“scope”可以取得父组件的任何内容
先是在export default里给父组件传递data 然后scope可以拿到这个data为所欲为
更多推荐
已为社区贡献4条内容
所有评论(0)