乐趣区

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

问题形容

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

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

解决方案

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

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

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

最终成果

总结

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

原生 js 成果真弱小!

退出移动版