image.png1334×381 11.3 KB
image.png1473×435 15.5 KB
第4页勾掉一条数据 当前页的全选 是去掉了 ,切换到别的页签发现还是在的 ,这个需要怎么优化,没找到什么对应的好的API
代码 :
html:
<el-table
:data=“tableData.slice((currentPage-1)pagesize,currentPagepagesize)”
ref=“tables”
style=“width: 100%”
@select=“handleSelectionOne”
@select-all=“selectAll”
:row-key=“getRowkeys”>
<el-table-column
type=“selection”
:reserve-selection=“true”
width=“55”>
</el-table-column>
<el-table-column
prop=“date”
label=“日期”
width=“180”>
</el-table-column>
<el-table-column
prop=“name”
label=“姓名”
width=“180”>
</el-table-column>
<el-table-column
prop=“address”
label=“地址”>
</el-table-column>
</el-table>
<el-pagination
layout=“prev, pager, next”
@current-change=“current_change”
:page-size=“pagesize”
:total=“total”
background>
</el-pagination>
js:
data () {
return {
allDataFlag: false,
getRowkeys (row) {
return row.date
},
total: 11,//默认数据总数
pagesize: 3,//每页的数据条数
currentPage: 1,//默认开始页面
multipleSelection: [],
options: [
{
value: ‘选项0’,
label: ‘全选’
},
{
value: ‘选项1’,
label: ‘黄金糕’
}, {
value: ‘选项2’,
label: ‘双皮奶’
}, {
value: ‘选项3’,
label: ‘蚵仔煎’
}, {
value: ‘选项4’,
label: ‘龙须面’
}, {
value: ‘选项5’,
label: ‘北京烤鸭’
}],
value5: [],
oldOptions: [],
wym_select: null,
gender: ‘’,
tableData: [{
date: ‘2016-05-12’,
name: ‘王小虎’,
address: ‘上海市普陀区金沙江路 1518 弄’
}, {
date: ‘2016-05-14’,
name: ‘王小虎’,
address: ‘上海市普陀区金沙江路 1517 弄’
}, {
date: ‘2016-05-11’,
name: ‘王小虎’,
address: ‘上海市普陀区金沙江路 1519 弄’
},
{
date: ‘2016-05-13’,
name: ‘王小虎’,
address: ‘上海市普陀区金沙江路 1516 弄’
},
{
date: ‘2016-05-21’,
name: ‘王小虎’,
address: ‘上海市普陀区金沙江路 1516 弄’
},
{
date: ‘2016-05-22’,
name: ‘王小虎’,
address: ‘上海市普陀区金沙江路 1516 弄’
},
{
date: ‘2016-05-23’,
name: ‘王小虎’,
address: ‘上海市普陀区金沙江路 1516 弄’
},
{
date: ‘2016-05-24’,
name: ‘王小虎’,
address: ‘上海市普陀区金沙江路 1516 弄’
},
{
date: ‘2016-05-25’,
name: ‘王小虎’,
address: ‘上海市普陀区金沙江路 1516 弄’
},
{
date: ‘2016-05-26’,
name: ‘王小虎’,
address: ‘上海市普陀区金沙江路 1516 弄’
},
{
date: ‘2016-05-27’,
name: ‘王小虎’,
address: ‘上海市普陀区金沙江路 1516 弄’
}]
}
},
methods: {
change (e) {
console.log(e)
},
handleSelectionOne (val) {
this.multipleSelection = val;
this.allDataFlag = this.multipleSelection.length === this.tableData.length ? true : false
},
clear () {
this.$refs.tables.clearSelection();
},
current_change (currentPage) {
this.currentPage = currentPage
},
selectAll (val) {
this.allDataFlag = !this.allDataFlag
for (let f = 0; f < this.tableData.length; f++) {
this.$refs.tables.toggleRowSelection(this.tableData[f], this.allDataFlag)
}
},
created () {
this.total = this.tableData.length;
}
}