這篇文章將為大家詳細講解有關vue項目中修改element-UI分頁組件視圖無法更新怎么解決,文章內容質量較高,因此小編分享給大家做個參考,希望大家閱讀完這篇文章后對相關知識有一定的了解。
創新互聯公司堅持“要么做到,要么別承諾”的工作理念,服務領域包括:網站設計制作、成都網站建設、企業官網、英文網站、手機端網站、網站推廣等服務,滿足客戶于互聯網時代的恒山網站設計、移動媒體設計的需求,幫助企業找到有效的互聯網解決方案。努力成為您成熟可靠的網絡建設合作伙伴!今天遇到一個小問題平時沒留意,el-pagination這個分頁組件有一個屬性是current-page當前頁。
今天想在methods里面手動修改他綁定的變量從而達到修改頁碼的效果,結果發現分頁組件視圖并沒有渲染,還是停留在原本的頁碼處。
然后想了想,想起了.sync這個語法糖,讓數據進行雙向綁定。
直接上修改的代碼看看
<el-pagination :current-page.sync="currentPage" :page-sizes="[10, 30, 50]" :page-size="pageSize" :total="total" layout="total, sizes, prev, pager, next, jumper" @size-change="handleSizeChange" @current-change="handleCurrentChange" /> refresh () { this.handleCurrentChange(1) this.currentPage = 1 }
分享名稱:vue項目中修改element-UI分頁組件視圖無法更新怎么解決-創新互聯
本文路徑:http://vcdvsql.cn/article26/ddppcg.html
成都網站建設公司_創新互聯,為您提供自適應網站、靜態網站、Google、企業網站制作、域名注冊、定制網站
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯