element使用心得

Table

---

Table 常用属性解释

数据过滤，filter过滤器

  


//上述，使用 Vue 的过滤器，但是在表格中无法直接使用table的prop属性，需要在template里面添加过滤器。    

show-overflow-tooltip，超出部分隐藏，悬停显示

width="200"
show-overflow-tooltip
label="检测指标">


//开启表格行属性show-overflow-tooltip

highlight-current-row，高亮当前行

xxx.vue 文件

  
    
    
      
      
    
  
  
  //如果要使用 scoped 的style，需要指定该表格的父级元素
  

Table 常用方法解释

toggleSelection(row,[true|false]),多选表格，切换选中状态

        
{
    //正常的复选框选中取消操作
    toggleSelection(rows) {
        if (rows) {
          rows.forEach(row => {
            this.$refs.multipleTable.toggleRowSelection(row,true);
          });
        } else {
          this.$refs.multipleTable.clearSelection();
        }
    }
    //注意：multipleTable为table的ref属性，toggleRowSelection方法第二个参数 true|false 决定复选框是否选中，如果不设第二个参数则为toggle开关
    
    //上述方法不能改变复选框状态时采用下面方法
    this.$nextTick(function () {
      arr.forEach(row=>{
          this.$refs.multipleTable.toggleRowSelection(row);
      })
    })
}