关于segmentfault:elpagination修改默认的文字前往记录一下

问题形容

饿了么自带的分页组件，提供的跳转到某一页的文案是“返回”，如下图所示

不过有时候咱们想要换一个文案，然而看了一下官网文档，分页组件没有提供默认的批改文字的插槽

解决方案

咋办呢？能够通过 js 的形式获取对应的 DOM 元素，而后批改其对应的值。咱们先审查一下元素

找到元素了，类名为 el-pagination__jump
这样的话，咱们就能够在页面初始化渲染的时候，去批改其内容。代码如下：

 mounted() {document.getElementsByClassName("el-pagination__jump")[0].childNodes[0].nodeValue = "跳转";
  },

最终成果

总结

当遇到组件解决不了的问题的时候，能够思考应用原生 js 去实现对应的成果。

原生 js 成果真弱小！