< el- table : data= "tableData.list" style= "width: 100%" @selection- change= "handleSelectionChange" ref= "multipleTable" : row- key= "rowKey" >
< el- table- column type= "selection" width= "55" : reserve- selection= "true" / >
< el- table- column align= "center" prop= "phoneNum" label= "手机号码" width= "180" > < / el- table- column>
< el- table- column align= "center" prop= "becomeMemberTime" label= "注册时间" > < / el- table- column>
< el- table- column align= "center" label= "操作" >
< template slot- scope= "scope" >
< el- button class = "button5" @click= "add(scope.row)" > 发券< / el- button>
< / template>
< / el- table- column>
< / el- table>
handleSelectionChange ( row) {
console. log ( row, "选中" )
this . shopMemberIds = [ ]
row. forEach ( item => {
this . shopMemberIds. unshift ( item. shopMemberId)
} )
localStorage. setItem ( "shopMemberIds" , JSON . stringify ( this . shopMemberIds) )
} ,
rowKey ( row) {
return row. shopMemberId
}
var shopMemberId1 = JSON . parse ( localStorage. getItem ( "shopMemberIds" ) || "[]" ) ;
console. log ( shopMemberId1, "shopMemberIds" )
this . $nextTick ( function ( ) {
this . tableData. list. forEach ( row => {
if ( shopMemberId1. includes ( row. shopMemberId) ) {
this . $refs. multipleTable. toggleRowSelection ( row, true ) ;
}
} ) ;
} ) ;
this . $refs. multipleTable. clearSelection ( ) ;