vue项目使用i18n无法切换innerHTML?

一般用i18n切换中英文的时候,一般都是那些静态的元素,比如你的网页中的注入:about us、faq这样的按钮的时候,但是如果某个值是你代码中赋值了呢?比如设置了innerHTML,这个时候往往i18n就没有效果了,但是有没有解决的办法呢?

有的! 

假设现在有个中英文切换的菜单是这样的:

 然后有个关注的按钮是下面这样的:

需要的是切换英文的时候将“关注”换为Follow,“取关”换为Unfollow

 由于中英文切换的菜单在网页的header中,关注的按钮在组件personal中,而personal组件是header组件的父组件,所以考虑组件传值。

动态修改关注按钮的值的代码如下:

白色框的部分就是动态修改的代码,给大家一个参考,问题的核心就是组件传值

猜你喜欢

转载自blog.csdn.net/qq_41083105/article/details/121562648