完整版:http://www.javashuo.com/article/p-tjqzzumw-cc.htmlpost
需求又变了,说是让选中也能够进行实时刷新,又网上找了下,发现大佬写法:http://www.javashuo.com/article/p-risyvwhh-dn.htmlui
其实element ui 官网就有写法,仍是要多看看文档-0.0-.net
官网是说3d
代码为blog
<!-- stripe--启用马纹线 border--启用边框 highlight-current-row--启用单选 sortable--启用排序--> <el-table ref="multipleTable" :data="tables.slice((currentPage-1)*pagesize,currentPage*pagesize)" stripe border highlight-current-row tooltip-effect="dark" style="width: 100%;font-size: 13px" :cell-style="{padding:'0px'}" @row-click="rowClick" :row-style="rowStyle" :row-class-name="rowClassName" @selection-change="handleSelectionChange" :row-key="getRowKeys"> <el-table-column sortable :reserve-selection="true" type="selection" width="55"></el-table-column> <el-table-column sortable prop="test" label="test" show-overflow-tooltip></el-table-column> <el-table-column sortable prop="test" label="test" show-overflow-tooltip></el-table-column> <el-table-column sortable prop="test" label="test" show-overflow-tooltip></el-table-column> <el-table-column sortable prop="test" label="testtest" show-overflow-tooltip></el-table-column> <el-table-column sortable prop="test" label="test" show-overflow-tooltip></el-table-column> </el-table>
须要加入代码已加粗加下划线 这个不能直接reserve-selection="true"这样写排序
会报错Invalid prop: type check failed for prop "reserveSelection". Expected Boolean, got String with value "true".ip
错误大体为须要一个boolean类型的参数,可是传入为String类型的须要加上 :reserve-selection="true"element
还有要返回一个当前行标识文档
// 指定返回的行 getRowKeys(row){ return row.id; },