项目场景:
问题描述
在项目里使用 elementui 的分页组件时 遇到一个需求 就是要将 前往...页 改成前往 前往...条
查看了一下组件api没有能修改的方法 所以只能自己想办法去实现这个需求
解决方案:
方案1.在组件渲染完成后 通过审查元素获取该元素dom来改变其内容
mounted() { const pageElement = document.querySelector('.el-pagination__jump'); // 获取输入框元素 const inputElement = pageElement.querySelector('.el-input__inner'); console.log(inputElement); inputElement.style.width = '56px'; inputElement.style.height = '28px'; inputElement.style.margin = '0 5px'; // 替换文本内容为"条" pageElement.textContent = '前往'; pageElement.appendChild(inputElement); pageElement.insertAdjacentText('beforeend', '条'); },
insertAdjacentText() 方法将文本插入到指定位置。 beforeend 在元素结束之前(最后一个子元素)。
方案2.修改源码 提交代码的时候可以私服定制(这样工作量更大没采用)