VueJS - replace text in DOM

Question

I am using elementUI's pagination component in my VueJS app.

I wish to replace the default 'Go to' text to 'Page' without altering the inner 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>

How can I do this? Do I have access to the DOM?

Thanks.

IVO GELOV · Accepted Answer · 2018-07-08 12:22:25Z

1

You can play with the localization settings. Since the default locale is Chinese, I assume you are already doing this in your main.js

import localeUI from 'element-ui/lib/locale'
import defaultLang from 'element-ui/lib/locale/lang/en' 
localeUI.use(defaultLang);

So you have to clone the English locale, modify the el.pagination.goto value and then use this new locale.

answered Jul 8, 2018 at 12:22

IVO GELOV

14.3k1 gold badge21 silver badges29 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

badigard Over a year ago

How do I use the new locale file? I am just replacing the PATH for defaultLang?

IVO GELOV Over a year ago

Yes, you point it to the modified locale file. Perhaps you can also try to still import the original, then modify it in-memory before the localeUI.use() call

Collectives™ on Stack Overflow

VueJS - replace text in DOM

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related