【踩坑】ant design pagination 分页器跳至页输入框清除数值

【踩坑】ant design pagination 分页器跳至页输入框清除数值_第1张图片

 
1、问题描述:

        最近使用 ant pagination 分页器组件,发现跳至某页后,输入框的数值默认显示跳转前页码,而且官网文档没有可直接清除数值的方法,那要怎么处理呢?

2、解决方式:

        思路:先校验跳转输入框是否有值,若有值,则在请求列表数据后,重新初始化分页器

       1)封装方法:校验跳转输入框是否有值       

    /**
     * checkAntPageJumper 校验跳转输入框是否有值
     * @param parentClassSelector [String] 父元素类名选择器
     */
    checkAntPageJumper(parentClassSelector) {
      let jumpVal = ''
      let jumpInput = document.querySelector(`${parentClassSelector} .ant-pagination-options-quick-jumper > input`)
      if (jumpInput) {
        jumpVal = jumpInput.value
      }
      return jumpVal
    },

        2)定义标识:visiblePager 是否显示分页器组件

        3)演示代码:




你可能感兴趣的:(web前端,前端框架,vue.js,javascript,ui)