分為兩種情況，為滾動(dòng)條出現(xiàn)，和滾動(dòng)條隱藏 滾動(dòng)條出現(xiàn)的情況

先獲取瀏覽器滾動(dòng)條的寬度

創(chuàng)新互聯(lián)公司專業(yè)為企業(yè)提供嘉定網(wǎng)站建設(shè)、嘉定做網(wǎng)站、嘉定網(wǎng)站設(shè)計(jì)、嘉定網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計(jì)與制作、嘉定企業(yè)網(wǎng)站模板建站服務(wù)，十余年嘉定做網(wǎng)站經(jīng)驗(yàn)，不只是建網(wǎng)站，更提供有價(jià)值的思路和整體網(wǎng)絡(luò)服務(wù)。

export function findDimensions():{winWidth: Number, winHeight: Number} {let winWidth: Number, winHeight: Number
  // 獲取窗口寬度
  if (window.innerWidth) {winWidth = window.innerWidth } else if ((document.body) && (document.body.clientWidth)) {winWidth = document.body.clientWidth }
  // 獲取窗口高度
  if (window.innerHeight) {winHeight = window.innerHeight } else if ((document.body) && (document.body.clientHeight)) {winHeight = document.body.clientHeight }
  // 通過深入Document內(nèi)部對body進(jìn)行檢測，獲取窗口大小
  if (document.documentElement && document.documentElement.clientHeight && document.documentElement.clientWidth) {winHeight = document.documentElement.clientHeight
    winWidth = document.documentElement.clientWidth
  }
  return {winWidth,
    winHeight
  }
}

再調(diào)用詳情接口中調(diào)用

getTableHeight() {  this.$nextTick((res) =>{const allHeight = document.querySelector('.rightConter').offsetHeight
        document.querySelector('.el-table__header').style.paddingRight = getScrollbarWidth() + 'px'
      })
    },

滾動(dòng)條沒有出現(xiàn)

在調(diào)用詳情頁的接口中使用

hasTableSrocllp() {  // const srollHeight = this.$refs.chatListRef.bodyWrapper
      this.$nextTick((res) =>{// this.$refs.chatListRef.bodyWrapper.scrollTop = this.$refs.chatListRef.bodyWrapper.scrollHeight
        this.$refs.chatListRef.bodyWrapper.scrollTop = 100
        // 先讓滾動(dòng)條滾動(dòng)
        if (this.$refs.chatListRef.bodyWrapper.scrollTop >0) {  // 判斷滾動(dòng)條是否發(fā)生了滾動(dòng)
          this.tableSrocll = true
          // el-table__body
          // document.querySelector('.el-table__body').style.paddingRight = 0 + 'px'
          console.log('有滾動(dòng)條')
        } else {  // 沒有滾動(dòng)
          this.tableSrocll = false
          document.querySelector('.el-table__body').style.paddingRight = getScrollbarWidth() + 'px'
        }
        // 恢復(fù)滾動(dòng)條到頂部
        this.$refs.chatListRef.bodyWrapper.scrollTop = 0
        // console.log('1144', document.getElementsByClassName('el-table__body-wrapper')[0].scrollTop = 10)
        // if (document.getElementsByClassName('el-table__body-wrapper')[0].scrollTop >0) { // 判斷滾動(dòng)條是否發(fā)生了偏遠(yuǎn)
        //   console.log('有滾動(dòng)條')
        // } else {//   console.log('無滾動(dòng)條')
        // }
        // document.getElementsByClassName('el-table__body-wrapper')[0].scrollTop = 0 // 恢復(fù)滾動(dòng)條到頂部
      })
    },

你是否還在尋找穩(wěn)定的海外服務(wù)器提供商？創(chuàng)新互聯(lián)www.cdcxhl.cn海外機(jī)房具備T級流量清洗系統(tǒng)配攻擊溯源，準(zhǔn)確流量調(diào)度確保服務(wù)器高可用性，企業(yè)級服務(wù)器適合批量采購，新人活動(dòng)首月15元起，快前往官網(wǎng)查看詳情吧

本文標(biāo)題：elementui的表格的滾動(dòng)條的出現(xiàn)導(dǎo)致表格位置錯(cuò)亂-創(chuàng)新互聯(lián)
URL分享：http://weahome.cn/article/dedgpp.html