element 表格翻页多选,并与tag标签相关联,tag标签可初始化

前端框架:vue
控件:elment

1.表格

    @selection-change="toggleSelection4">
    
    
    
    
    
    
    
    
    
    
2.tag

    {{tag.real_name}}
data: {
  tableData2:[],//表格数据
  dynamicTags:[],//选择tags
//表格翻页多选
getRowKeys:function(row){
    return row.id;
},
//初始化标签,并勾选表格对应行数据,
showZzjg: function() {
    if(this.bkdw_id!=null && this.bkdw_id.length>0) {//判断带入的标签是否为空
        this.dynamicTags.push({id:this.bkdw_id,num:'',real_name:this.bkr,user_name:'',orgname:''});//初始化
        this.$refs.multipleTable2.toggleRowSelection(this.dynamicTags[0],true);选中表格中与标签对应的行数据
    }
}
// 鼠标勾选表格操作,并将勾选的行数据带入到标签中
toggleSelection4:function(val) {
    this.dynamicTags=[];
    for(var i = 0;i 
  

表格

element 表格翻页多选,并与tag标签相关联,tag标签可初始化_第1张图片

 tag

 

你可能感兴趣的:(java前端)