iview中upload的使用，Table表格的滾動獲取

一、upload的使用

         <Upload 
            :action="importParameterExcel"
            :format="['xlsx','xls','XLS','XLSX']"
            ref="upload"   
            name="excelFile"  //請求接口的參數的名字
            :headers="uploadHeaders"
            :before-upload="handleBeforeUpload"
            :on-format-error="handleFormatError"
            :on-success="handleSuccess"
            :on-error="handleError"
          >
            <Button type="primary" style=" margin: 0 14px;" >導入台賬</Button>
          </Upload>

importParameterExcel:process.env.VUE_APP_API_URL?process.env.VUE_APP_API_URL+'/dt-business/parameter/importParameterExcel':configs.baseURL.target+'/dt-business/parameter/importParameterExcel',
uploadHeaders: {
  'token':tool.getStorage("X-Token"),
   'appId':tool.getStorage("appId")            
},

 

 

:before-upload="handleBeforeUpload"  //上傳前

:on-format-error="handleFormatError" //格式驗證錯誤

:on-success="handleSuccess"  //上傳成功

:on-error="handleError" //上傳失敗

 

 

name 的值：

 

 

二、表格的滾動的距離的獲取

<Table ref="TableHeight" :columns="columns" :data="data1"></Table>
this.$refs.TableHeight.$refs.body.scrollTop

 

 三、關於使用iview table 組件中使用 tooltip 樣式覆蓋的問題

 

加上 上述這個屬性 設為true 會解決這個問題 設為true 之后 會置於body 內，
更難受的問題來了，跳轉頁面之后 tooltip 的提示 還存在跳轉之后的頁面（為什么沒有消失 可能就是因為 根據body 定位之后 dom留在了 body 中吧 ： 基礎不扎實。我也只是猜想，）
我就想給定位 加上 z-index 增加權重 發現也還是不行，
后面就在dom 上嘗試 發現在 ivu-table-fixed-body（原生組件的class名） 這個class 樣式中的 position:relative 改為 postion: initial 保持最初的定位。
就解決了這一問題。initial 這個屬性 感覺 還是很有用的 官方解釋 設置 CSS 屬性為它的默認值 所有的css 都有這個屬性 大家可以官網上 看一下