vue+ElementUi 选择框选中之后翻页进行状态保持。及默认选中

复选框




//切换分页持久化选中表格

:row-key="(row)=>{ return row.classId}"
:reserve-selection="true"

//@selection-change 会返回所有选中的数据
//@select 会返回所有选中的数据及当前操作的数据

清空所有选中

this.$refs.multipleTable.clearSelection();//页面中有搜索或重置时可能会用到。

默认选中

this.$refs.multipleTable.toggleRowSelection(this.list[index]);//必须传表格的数据;以数组[下标]格式传递

单选框


      
        
              
    

//@current-change="handleCurrentRadio"会返回选中的数据。可以在这个事件用return false 来阻止选中
//label 和原生的value属性一样。 利用v-model来绑定唯一值,意味着label的值为唯一的。
//{{""}}为了让单选框不显示label。

你可能感兴趣的:(javascript,vue.js,element-ui)