【问题标题】:VueJS - replace text in DOMVueJS - 替换 DOM 中的文本
【发布时间】:2018-12-16 06:54:07
【问题描述】:

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

谢谢。

【问题讨论】:

    标签: vuejs2 vue-component element-ui


    【解决方案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 值,然后使用这个新语言环境。

    【讨论】:

    • 如何使用新的语言环境文件?我只是替换 defaultLang 的 PATH?
    • 是的,您将其指向修改后的语言环境文件。也许您也可以尝试仍然导入原始文件,然后在 localeUI.use() 调用之前在内存中修改它
    猜你喜欢
    • 2017-03-13
    • 2020-02-06
    • 2010-12-02
    • 2019-10-29
    • 1970-01-01
    • 1970-01-01
    • 2011-06-26
    • 1970-01-01
    • 2011-09-01
    相关资源
    最近更新 更多