问题形容

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

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

解决方案

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

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

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

最终成果

总结

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

原生js成果真弱小!