国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

element 分頁切換時:current-page無效 頁數(shù)不會跟著一起切換

這篇具有很好參考價值的文章主要介紹了element 分頁切換時:current-page無效 頁數(shù)不會跟著一起切換。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方,請大家不吝賜教,您也可以點擊"舉報違法"按鈕提交疑問。

問題回溯:使用el-pagination組件 選擇切換當前分頁 頁數(shù)為2

element 分頁切換時:current-page無效 頁數(shù)不會跟著一起切換,element-ui,vue.js,elementui,javascript,current-page無效,element分頁切換失效

問題結(jié)果:el-pagination組件 當前頁切換失敗 一直都是 1,接口傳參分頁數(shù)據(jù)是2,打印當前分頁也是2

解決方案1:使用 current-page參數(shù) .sync 修飾符

element 分頁切換時:current-page無效 頁數(shù)不會跟著一起切換,element-ui,vue.js,elementui,javascript,current-page無效,element分頁切換失效

element 分頁切換時:current-page無效 頁數(shù)不會跟著一起切換,element-ui,vue.js,elementui,javascript,current-page無效,element分頁切換失效

解決方案2:檢查獲取表格方法的時候 取消手動設(shè)置 total = 0

element 分頁切換時:current-page無效 頁數(shù)不會跟著一起切換,element-ui,vue.js,elementui,javascript,current-page無效,element分頁切換失效
例子:文章來源地址http://www.zghlxwxcb.cn/news/detail-859941.html

 <el-table
      :data="tableData"
      style="width: 100%">
      <el-table-column prop="date" label="日期" width="180"></el-table-column>
</el-table>

<el-pagination
      @size-change="handleSizeChange"
      @current-change="handleCurrentChange"
      :current-page="page.current"
      :page-sizes="[100, 200, 300, 400]"
      :page-size="page.size"
      layout="total, sizes, prev, pager, next, jumper"
      :total="page.total">
</el-pagination>

tableData:[]  
page:{
	current:1,
	size:10,
	total:0
}

//獲取表格參數(shù)
getTable(){
this.tableData = []
this.page.total = 0  //這一步會重新賦值 total,導致current-page頁數(shù)異常 一直都會是 1,使用.sync也無效
	
//接口調(diào)用
//接口調(diào)用成功 賦值
this.tableData = res.data || []
this.page.total = res.total || 0
}

到了這里,關(guān)于element 分頁切換時:current-page無效 頁數(shù)不會跟著一起切換的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務(wù),不擁有所有權(quán),不承擔相關(guān)法律責任。如若轉(zhuǎn)載,請注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實不符,請點擊違法舉報進行投訴反饋,一經(jīng)查實,立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費用

相關(guān)文章

  • element-UI 分頁器Bug,切換頁碼,頁碼改變但是頁碼高亮未變化

    element-UI 分頁器Bug,切換頁碼,頁碼改變但是頁碼高亮未變化

    Element-UI提供了分頁器的兩個方法,handleSizeChange和handleCurrentChange,然而在實際使用中,卻發(fā)現(xiàn)再切換頁面展示數(shù)量的時候,會出現(xiàn)一些BUG, 頁面刷新了,高亮頁碼卻還是上次選擇的頁面??梢杂靡韵路椒ń鉀Q; 翻看element文檔中發(fā)現(xiàn)有current-page,當前頁數(shù),支持 .sync 修飾符

    2024年02月16日
    瀏覽(24)
  • el-pagination 動態(tài)切換每頁條數(shù)、頁數(shù)切換

    el-pagination 動態(tài)切換每頁條數(shù)、頁數(shù)切換

    目錄 業(yè)務(wù)場景 官方鏈接 實現(xiàn)效果 使用框架 代碼展示 template代碼 script代碼 變量定義 事件定義 ????????handleSizeChange事件--實現(xiàn)每頁條數(shù)改變表格動態(tài)變化 ????????handleCurrentChange事件--切換頁碼 ????????css代碼 完整代碼 總結(jié) 當表格中的數(shù)據(jù)量如果非常龐大的時候

    2024年02月14日
    瀏覽(24)
  • 【Django】列表數(shù)據(jù)Paginatior分頁,動態(tài)返回頁碼,顯示當前頁、總頁數(shù)、跳轉(zhuǎn)頁

    【Django】列表數(shù)據(jù)Paginatior分頁,動態(tài)返回頁碼,顯示當前頁、總頁數(shù)、跳轉(zhuǎn)頁

    1、當返回數(shù)據(jù)較多,如設(shè)置每頁展示10條,數(shù)據(jù)接近200條,返回頁碼范圍1~20,前端每個頁碼都顯示的話,就會出現(xiàn)頁碼超出當前頁面,被遮擋的頁碼無法操作和顯示不美觀; 2、列表的所在頁碼,總分頁數(shù),跳轉(zhuǎn)不在動態(tài)頁面的頁數(shù) 在使用paginator轉(zhuǎn)化為Page對象后,獲取到n

    2024年02月12日
    瀏覽(30)
  • 解決swiper在Element-ui的tabs標簽頁切換時,swiper不生效,以及v-if和v-show不生效,還有左右箭頭切換按鈕點擊無效的情況。

    解決swiper在Element-ui的tabs標簽頁切換時,swiper不生效,以及v-if和v-show不生效,還有左右箭頭切換按鈕點擊無效的情況。 官網(wǎng)給出的解決方案是,使用observer:swiper4的api地址: https://www.swiper.com.cn/api/observer/218.html. 在切換Element-ui的tabs標簽的時候,切換到?jīng)]有使用Swiper的頁面時銷

    2024年02月15日
    瀏覽(28)
  • 小程序使用swiper時報錯, [Component] <swiper>: current 屬性無效,請修改 current 值或者頁面卡頓,瘋狂輪播

    小程序使用swiper時報錯, [Component] <swiper>: current 屬性無效,請修改 current 值或者頁面卡頓,瘋狂輪播

    [渲染層錯誤] [Component] : current 屬性無效,請修改 current 值(env: Windows,mp,1.06.2307250; lib: 2.24.0) 這個是頁面使用輪播組件時,沒有添加current屬性,添加上就可以了,但是添加后,小程序在手機上鎖屏(有時候要等幾分鐘)重新打開時,頁面瘋狂卡頓,輪播

    2024年02月02日
    瀏覽(92)
  • wordpress框架自定義添加page分頁功能

    wordpress框架自定義添加page分頁功能

    先來看效果圖: 一、在主題目錄下的functions.php文件里,添加如下分頁函數(shù):? 我這個函數(shù)是按網(wǎng)站需求做了一些調(diào)整和修改,因為我首頁只顯示三個分類,直接用$wp_query-max_num_pages查總頁碼的話是不準的,所以你要根據(jù)自己的網(wǎng)站數(shù)據(jù)來調(diào)整這個函數(shù)的代碼。 二、在公共的

    2024年02月16日
    瀏覽(20)
  • Mybatis-Plus學習4 Page分頁

    Mybatis-Plus學習4 Page分頁

    ctrl + P = 查看可填的屬性類型? alt + 回車 = 自動填充數(shù)據(jù)類型 1、使用Page分頁需要先配置config類,加上攔截器 type-aliasys-package配置pojo對象別名對應(yīng)的包 自定義的Mapper的page查詢: 樂觀鎖 和 悲觀鎖 悲觀鎖: 悲觀鎖的思想是,在操作數(shù)據(jù)之前,先假設(shè)其他并發(fā)操作會對數(shù)據(jù)進行

    2024年02月12日
    瀏覽(16)
  • MyBatis-Plus Page 分頁不生效

    一、問題現(xiàn)象 使用 MyBatis-Plus 進行分頁查詢時,傳入了 pageNum 和 pageSize,但是查詢結(jié)果沒有按照預(yù)期的效果返回。 二、問題原因 沒有對 Mybatis-Puls 進行初始化,需要添加相應(yīng)的配置類。 三、解決方案 在項目工程中創(chuàng)建 config 目錄,在其中新建配置類 MyBatisPlusConfig.java 。 注意

    2024年02月12日
    瀏覽(14)
  • uniapp運行時報錯routeDone with a webviewId 1 that is not the current page

    uniapp運行時報錯routeDone with a webviewId 1 that is not the current page

    在開發(fā)微信小程序時使用HBuilderX uniapp開發(fā)運行時新手可能會出現(xiàn)routeDone with a webviewId 1 that is not the current page這個報錯,解決這個問題我們可以在微信小程序app.json文件中添加配置或者如果是uniapp對應(yīng)的應(yīng)該是pages.json文件。 添加這句重新編譯一下應(yīng)該問題就解決了?

    2024年02月11日
    瀏覽(16)
  • 微信小程序出現(xiàn)routeDone with a webviewld 42 that is not the current page這個bug解決

    微信小程序出現(xiàn)routeDone with a webviewld 42 that is not the current page這個bug解決

    微信開發(fā)者工具基礎(chǔ)庫版本過高,可能會出現(xiàn)如下官方Bug routeDone with a webviewld 42 that is not the current page是因為微信開發(fā)者工具基礎(chǔ)庫版本用了最新的2.30.3但官方一直未解決這個問題,只有使用2.25.4的基礎(chǔ)庫才能使用。 為便于開發(fā)者解決低版本基礎(chǔ)庫無法兼容小程序的新功能的

    2024年02月11日
    瀏覽(17)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包