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

问题形容

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

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

解决方案

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

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

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

最终成果

总结

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

原生js成果真弱小!

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理