Table 表格

 //resizable在column上傳值，可設定此列禁止拖動
//show-overflow-tooltip在column上傳值，可設定此列溢位hover時候顯示tooltip
<el-table-column prop="address"  label="地址" :resizable='false' show-overflow-tooltip></el-table-column>
 

loading

vue專案在main.js裡配置全域性loading不能指定target

如需指定target可在每個頁面中單獨配置

如果完整引入了 Element，那麼 Vue.prototype 上會有一個全域性方法 $loading，它的呼叫方式為：this.$loading(options)，同樣會返回一個 Loading 例項。

頁面內設定全部變數 const loading

發請求前：

loading = this.$loading({ lock: true, text: 'Loading', spinner: 'el-icon-loading', background: 'rgba(0, 0, 0, 0.7)' });

請求成功

setTimeout(() => { loading.close(); }, 2000);

配置引數：Options

el-tabs

打包後tab頁padding值變化 實際上打包後多了一個類名 is-top；

tree

樹形結構有全選情況

選中其他 全部取消勾選，點選全選清空其他選中

this.treeData.map((a,i)=>{
    if(i>0){
       this.$refs.tree.setChecked(i,false,true)//設定選中狀態 （序號，是否勾選，子集是否設定）
    }
})

let nodes = this.$refs.tree.getCheckedNodes();
    if(nodes.length==0){
        this.$refs.tree.setCheckedKeys([0])//無選中設定全部選中
        this.checkedList=[]
        this.tableData=[]
        this.totalPage=0
    }
    if(nodes[0]&&nodes[0].label=='全部人員'){
        nodes.splice(0,1)//去除全部選中
        this.$refs.tree.setCheckedNodes(nodes);
    }