1、現象 有時候el-table的數據可能有成千上萬條，而且又要在一頁顯示完，這時候頁面渲染的dom太多了，可能會造成頁面卡頓。 解決方案：給表格固定高度，只渲染用戶在表格中滾動的視圖dom 2、卡頓原因 因為數據量過多導致瀏覽器渲染過多的標簽元素 導致DOM樹占用內存較大 ...

https://github.com/livelyPeng/pl-table http://www.umyui.com/umycomponent/intro https://xuliangzhan_admin.gitee.io/vxe-table/#/table/start ...

背景 1.現需要呈現一個表格，有近500行，30多列，使用vue+elementUI呈現。這個數據量不算大，但可能列數比較多，渲染時速度很慢，滾動會有卡頓，使用體驗不佳。但並不想做分頁處理，想要盡可能接近excel的呈現。 2.做了分頁處理每頁也有200行數據30多列 滾動會有卡頓、多選、單選 ...

原因:頁面是20條數據, 而且是合並單元格(里面兩次循環). 接口返回的很快, 但是items數據比較龐大300-2000條,. 合並單元格之前需要循環處理數據, 導致頁面除了table外的其他地方也比較卡. 嘗試:試過網上其他的但是都不湊效, <pl-table>是很流暢 ...

http://developer.51cto.com/art/201504/473422.htm ...

問題情景：　　iview中的select組件數據多達幾千幾萬條的時候，頁面及輸入框出現明顯的卡頓，一個彈框的顯示隱藏要幾秒才能反應過來，輸入框也是輸入的文字幾秒才能顯示出來。 解決方法：　　原理：既然是由於select組件數據過多導致頁面渲染卡頓，那么解決方法自然是減少select組件數據 ...

　　但是users被定義成了 users : {} ，應改為 users: [] ...

解決方法 使用.lazy修飾符 使用.lazy的修飾符可以取消v-model的雙向綁定，避免輸入改變增加隊列造成卡頓 注意：el-input底層代碼會將文本框用div包裹，所以直接在el-input中使用.lazy修飾符是不成功的 網上找的方法，用組件的形式引入（未能解決） ...