Vue element-ui:滾動條 分頁 禁用選項


1.滾動條設置:

<el-scrollbar style="height:100%;">.......</el-scrollbar>

默認會同時出現水平和垂直兩個方向的滾動條,想要隱藏水平方向的滾動條可以設置如下:

.el-scrollbar .el-scrollbar__wrap {
   overflow-x: hidden;
}

2.分頁:

< el-pagination
background
@current-change="handleCurrentChange"
@size-change="handleSizeChange"
:page-size="page_size"
:current-page="currentPage"
:total="total"
layout="total, prev, pager, next"
style="text-align:right; padding: 49px 29px 50px 0;"
></el-pagination>
methods:
handleCurrentChange(val) {
this.param.page = val
this.getMultiTemplate()
},
handleSizeChange(val){
this.param.page_size = val
this.getMultiTemplate()
},
說明:
layout設置: prev表示上一頁, next為下一頁, pager表示頁碼列表, total表示總條目數, size用於設置每頁顯示的頁碼數量, background屬性可以為分頁按鈕添加背景色
事件:current-change:currentPage 改變時會觸發;size-change:currentPage 改變時會觸發    函數中返回val即點擊的當前頁
 
3.由於加載順序:父組件created→父組件beforeMounted→子組件created→子組件beforeMounted→子組件mounted→父組件mounted,因此會出現加載延遲的情況,提示“暫無數據”,如果不想顯示“暫無數據”字樣,在el-table中可以設置為空字符
empty-text=" ",在tree樹形控件中可以使用設置為空字符串:empty-text=""
 
4.el-table中如何限制某些按鈕為禁選
使用arguments對象可以獲取傳入的每個參數的值, 打印如下:

實現的代碼如下:

  

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM