VueJS - 替换 DOM 中的文本

Question

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

我希望将默认的 'Go to' 文本替换为 'Page' 而不改变内部 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 值，然后使用这个新的语言环境。

VueJS - 替换 DOM 中的文本

VueJS - replace text in DOM

vue-component

vuejs2

element-ui