antd 如何去除分页中li标签的title属性

<Pagination
    className='liquidity-pagination'
    defaultPageSize={pageSize}
    showQuickJumper
    total={totalSize}
    onChange={this.handlePageChange}
/>

生成HTML如下:

<ul class="ant-pagination liquidity-pagination" unselectable="unselectable">
    <li title="1" class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active" tabindex="0"><a>1</a></li>
    ...
</ul>

请问如何去掉li里面的title属性?

阅读 4.9k
3 个回答

查看antd源码,antd重新封装了rc-pagination,
其中_react2['default'].createElement中提到

'li',
    {
      title: props.showTitle ? this.state.current + '/' + allPages : null,
      className: prefixCls + '-simple-pager'
    },

所以给Pagination设置属性showTitile={false}即可

在顶层容器中添加

componentDidUpdate() {
    document.querySelectorAll('.ant-pagination-item').forEach(
        li=> li.setAttribute('title', '')
    );
}

使用Pagination分页的API:itemRender自定义渲染。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题