摘要：無效方案根據交易所小時成交量占比和實時價格加權計算得到渲染結果是一個包含了文字，同時有名為的，并無小圖標，后邊中括號結構里只能有一個有待考證。

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

...

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

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

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

 

...

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

     

//scope.row是當前列的值，prop其實可以不寫

文檔解釋比較簡單：

實現效果：

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

無效方案：

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

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

可行方案：

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

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

vue關于createElement函數，domProps了解下，簡單的結構可以用這個實現

可行方案二：使用jsx，直接return （HTML結構）

$refs.table： 為el-table設置的ref屬性

滾動到第一行：

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

滾動到最后一行：

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

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

                  點擊上傳
                  
只能上傳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:

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

script:

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

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

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

這樣就解決了。