VueJS-替换DOM中的文本

时间:2018-07-08 10:40:41

标签: vuejs2 vue-component element-ui

我正在VueJS应用中使用elementUI的分页组件。

我希望在不更改内部div的情况下将默认的“转到”文本替换为“页面”:

<span class="el-pagination__jump">
   Go to
   <div class="el-input el-pagination__editor is-in-pagination">
      <!----><input type="number" autocomplete="off" min="1" max="6" class="el-input__inner"><!----><!----><!---->
   </div>
</span>

我该怎么做?我可以访问DOM吗?

谢谢。

1 个答案:

答案 0 :(得分:1)

您可以使用本地化设置。由于默认语言环境为中文,因此我假设您已经在main.js

中进行了此操作
import localeUI from 'element-ui/lib/locale'
import defaultLang from 'element-ui/lib/locale/lang/en' 
localeUI.use(defaultLang); 

因此,您必须克隆英语语言环境,修改el.pagination.goto值,然后使用此新语言环境。