element中el-input在table頁面中,由於數據過多而造成的卡頓問題


解決方法
使用.lazy修飾符
使用.lazy的修飾符可以取消v-model的雙向綁定,避免輸入改變增加隊列造成卡頓

注意:el-input底層代碼會將文本框用div包裹,所以直接在el-input中使用.lazy修飾符是不成功的

//不成功的使用方法
<el-input :rows="20" v-model.lazy="filterValue" placeholder="請輸入查詢內容"></el-input>
//成功替代("el-textarea__inner"類可以讓樣式與框架一致)
 <textarea class="el-textarea__inner" rows="20" v-model.lazy="filterValue" placeholder="請輸入查詢內容"></textarea>

網上找的方法,用組件的形式引入(未能解決)


免責聲明!

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



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