1.template部分
- 为table组件添加ref=‘table’
- 绑定数据源 :data=‘list’
- 添加select和select-all事件(事件处理函数为handleSelect)
<template>
<div>
<el-table ref='table' :data="list" max-height="600"
@select="handleSelect" @select-all='handleSelect'>
<el-table-column fixed="left" type="selection" width="55" align="center" />
<el-table-column label="商品名称" align="center" prop="name" min-width="200" />
<el-table-column label="商品条码" align="center" prop="id" min-width="180" />
<el-table-column label="商品单位" align="center" prop="unit" min-width="180" />
</el-table>
</div>
</template>
2.js部分
- 在data函数中定义全局选中数据的变量allIds
- 在data函数中定义数据源的变量list