因?yàn)橐恍┰颍坏靡褤Q成了element，界面效果真心不如iview好看，沒(méi)辦法，哎,還是更喜歡iview的render函數(shù)寫(xiě)法，現(xiàn)在頁(yè)面總感覺(jué)很亂

1.引入圖標(biāo)，（吐槽下，iview很全，但是element要自己擴(kuò)展一些）

參考：http://www.itdecent.cn/p/59dd28f0b9c9

//java-icon是你的前綴，這段代碼一定要加，和iconfont保持一個(gè)樣式即可
[class^="java-icon"],
[class*=" java-icon"]/*這里有空格*/
{
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

2.當(dāng)動(dòng)態(tài)修改了tree的勾選狀態(tài)后，樹(shù)形效果并沒(méi)有刷新

需要手動(dòng)處理

 <el-tree
            ref="tree"
            class="filter-tree"
            :data="data"
            show-checkbox
            default-expand-all
            node-key="id"
            :default-checked-keys="checkedPerm"
          >

this.checkedPerm.push(node.id);
this.$refs.tree.setCheckedKeys(this.checkedPerm); //數(shù)據(jù)更新并不會(huì)直接影響tree，需要手動(dòng)觸發(fā)

3.高度設(shè)置100%無(wú)效，不設(shè)置固定高度，沒(méi)法讓元素高度占滿

使用vh單位計(jì)算，不要用100%

.box{padding: 15px;height: calc(100vh - 90px)}

4.打包

我還是一直以為是npm run build 打包，但是一直報(bào)錯(cuò)build not found，那我就頭疼了，百度elementAdmin打包也沒(méi)有一個(gè)所以然，后來(lái)就看官網(wǎng)，但官網(wǎng)居然也沒(méi)有（可能我沒(méi)看到），那就看github，原來(lái)在readme里有寫(xiě)啊

## 發(fā)布

```bash
# 構(gòu)建測(cè)試環(huán)境
npm run build:stage

# 構(gòu)建生產(chǎn)環(huán)境
npm run build:prod

5.table高度

這個(gè)問(wèn)題和iview是一樣的，就是高度需要?jiǎng)討B(tài)計(jì)算，監(jiān)聽(tīng)窗口和數(shù)據(jù)的變化計(jì)算高度

<Table :height="tableHeight" border :columns="columns" :data="people_data" >
//當(dāng)數(shù)據(jù)渲染完后，給tableHeight重新賦值,可以是固定的值，也可以是計(jì)算出來(lái)的值
this.tableHeight='378' //or window.innerHeight-257

//如果做了一屏響應(yīng)式，要在mounted里要寫(xiě)上窗口的變化
window.onresize = function(){ // 定義窗口大小變更通知事件
     _this.tableHeight=window.innerHeight-257
   };

記?。∫欢ㄒo動(dòng)態(tài)屬性附上默認(rèn)值哦，不然會(huì)報(bào)錯(cuò)的，tableHeight:'100%'
！！！！注意：如果有兩個(gè)同級(jí)組件同時(shí)使用了window.onresize事件，記得要把window.onresize寫(xiě)在父元素上，因?yàn)橥瑫r(shí)只會(huì)觸發(fā)，只會(huì)執(zhí)行一個(gè)?。。?！

6.動(dòng)態(tài)給tree的節(jié)點(diǎn)添加disabled并未生效

解決方案，是后臺(tái)返給你數(shù)據(jù)的時(shí)候就得加上這個(gè)字段，否則動(dòng)態(tài)添加無(wú)效

7.下拉框，單選，多選，如何讓綁定的值是number

解決方案，動(dòng)態(tài)賦值
以radio為例

<el-radio-group v-model="radio">
  <el-radio label="0">隱藏</el-radio>   //此時(shí)radio的值就是字符串‘0’
  <el-radio :label="1">顯示</el-radio>  //此時(shí)radio的值就是number 1
</el-radio-group>

8.el-cascader選擇器任意單選后，收起選擇面板

 this.$refs.refHandle.dropDownVisible = false; 

參考：https://blog.csdn.net/qq_36410795/article/details/100894520