问题形容
饿了么自带的分页组件,提供的跳转到某一页的文案是“返回”,如下图所示
不过有时候咱们想要换一个文案,然而看了一下官网文档,分页组件没有提供默认的批改文字的插槽
解决方案
咋办呢?能够通过 js 的形式获取对应的 DOM 元素,而后批改其对应的值。咱们先审查一下元素
找到元素了,类名为 el-pagination__jump
这样的话,咱们就能够在页面初始化渲染的时候,去批改其内容。代码如下:
mounted() {document.getElementsByClassName("el-pagination__jump")[0].childNodes[0].nodeValue = "跳转";
},
最终成果
总结
当遇到组件解决不了的问题的时候,能够思考应用原生 js 去实现对应的成果。
原生 js 成果真弱小!