摘要：無效方案根據(jù)交易所小時成交量占比和實(shí)時價(jià)格加權(quán)計(jì)算得到渲染結(jié)果是一個包含了文字，同時有名為的，并無小圖標(biāo)，后邊中括號結(jié)構(gòu)里只能有一個有待考證。

只要在el-table元素中定義了height屬性，即可實(shí)現(xiàn)固定表頭的表格，而不需要額外的代碼。
例如：

...

這里文檔只給了一種固定高度250px的解決方案，實(shí)際應(yīng)用大多數(shù)是需要自適應(yīng)占滿父元素，超出滾動固定表頭的。
值得一提的是，height可以動態(tài)綁定，我的解決方案是給表格包一個父元素，并綁定一個值100%給height。

height:Table 的高度，默認(rèn)為自動高度。如果 height 為 number 類型，單位 px；如果 height 為 string 類型，則這個高度會設(shè)置為 Table 的 style.height 的值，Table 的高度會受控于外部樣式。

點(diǎn)擊事件剛開始在這里陷入深坑了，拿行的點(diǎn)擊事件來講：
row-dblclick： 表格的某一行雙擊事件。首先是dblclick而不是dbclick!(不知為什么我vscode提示row-dbclick，醉了)，其次調(diào)用加@，然后默認(rèn)參數(shù)通常用到最多的是row，不用在括號里寫明，在方法里直接聲明就可以用了；row-click同理。
例如：

 

...

主要使用自定義列，參數(shù)為 { row, column, $index }

     

//scope.row是當(dāng)前列的值，prop其實(shí)可以不寫

文檔解釋比較簡單：

實(shí)現(xiàn)效果：

鼠標(biāo)移上去會有提示文字彈出，這里用el-tooltips。

無效方案：

   renderHeader (h, { column, $index }) {
     return h("el-tooltip", {
       props: {
         effect: "light",
         content: "根據(jù)交易所24小時成交量占比和實(shí)時價(jià)格加權(quán)計(jì)算得到",
       }
     },[
       h("span", column.label),
       h("i", {
         class: "icon-tips",
         }
       })
     ]);

渲染結(jié)果是一個span包含了label文字，同時有名為el-tooltip的class，并無小圖標(biāo)，后邊中括號結(jié)構(gòu)里只能有一個（有待考證）。

可行方案：

   renderHeader (h, { column, $index }) {
     return [
       h("span", column.label),
       h(
         "el-tooltip",
         {
           props: {
             effect: "light",
             content: (function () {
               let label = column.label;
               switch (label) {
               case "加權(quán)最新價(jià)":
                 return "根據(jù)交易所24小時成交量占比和實(shí)時價(jià)格加權(quán)計(jì)算得到";
                 break;
               case "偏移價(jià)":
                 return "交易所該幣對當(dāng)前最新價(jià)-加權(quán)價(jià)";
                 break;
               }
             })(),
           }
         },
         [
           h("i", {
             class: "icon-tips"
           })
         ]
       ),
       h("span", {
         class: {
           "el-icon-question": true
         }
       })
     ];
   },

事實(shí)證明返回的這個數(shù)組，可以作為表頭內(nèi)真正的標(biāo)簽元素多個累加，最后一個span是我追加的，其實(shí)是多余的，參考ElementUI的Table組件中的renderHeader方法研究，作者研究很透徹，最后把span替換成p也能正常渲染，這是我最后一步嘗試的，說明數(shù)組內(nèi)的渲染機(jī)制，而h或createElement渲染函數(shù)第三個數(shù)組參數(shù)大于一個的結(jié)構(gòu)均不能被渲染上，而且本標(biāo)簽無論如何都被渲染為span，郁悶。
先這么使用吧，算是滿足需求了

vue關(guān)于createElement函數(shù)，domProps了解下，簡單的結(jié)構(gòu)可以用這個實(shí)現(xiàn)

可行方案二：使用jsx，直接return （HTML結(jié)構(gòu)）

$refs.table： 為el-table設(shè)置的ref屬性

滾動到第一行：

this.$refs.table.bodyWrapper.scrollTop =0;

滾動到最后一行：

this.$refs.table.bodyWrapper.scrollTop =this.$refs.table.bodyWrapper.scrollHeight;

主要在before-upload函數(shù)中限制尺寸大小等。

                  點(diǎn)擊上傳
                  
只能上傳jpg/jpeg文件，且不超過500kb
                

beforePicUpload (file) {
    const isSize = new Promise(function(resolve, reject) {
        let width = 200;
        let height = 54;
        let _URL = window.URL || window.webkitURL;
        let img = new Image();
        img.onload = function() {
          let valid = img.width == width && img.height == height;
          valid ? resolve() : reject();
        }
        img.src = _URL.createObjectURL(file);
      }).then(() => {
        return file;
      }, () => {
        this.$message.error("上傳圖片尺寸要求200*200!");
        return Promise.reject();
      });
}

template:

    
        //...
        
          
            
              點(diǎn)擊上傳
              
支持格式：jpg、jpeg 像素要求640*240
            
          
        
        //...
      

script:

export default {
    data () {
      collectionInfos: {},
      rules: {
        ...
        resource_url: [
          { required: true, message: "請選擇合輯封面", trigger: "blur, change" },
        ]
      },
    },
 }

類似這樣的校驗(yàn)規(guī)則在空表單提交時是會正常顯示請選擇合輯封面的錯誤提示的，然而在你上傳完圖片后再次提交，依然會校驗(yàn)不通過，因
為在你選擇手動提交文件時，這個resource_url就不可能像自動上傳那樣有值了，除非手動賦值，而文件的改變刪除等變動當(dāng)然由on-change事件處理比較合適，而且我試了多次，其他地方還是會出現(xiàn)校驗(yàn)不通過的情況，如下圖：

    //el-upload組件里綁定的事件（可以參開上面template）
    handleChange (file, fileList) {
      this.file = fileList;
      this.$set(this.collectionInfos, "resource_url",file.url);
    },

這樣就解決了。