当数据实时更新时也能选中element ui 的 checkbox

完整版: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;
},
相关文章
相关标签/搜索