VueJS - 替换 DOM 中的文本

Question

我在我的 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 吗？

谢谢。

Answer 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 值，然后使用这个新语言环境。