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

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

有的! 

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

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

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

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

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

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

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值