双语开发思路

1、页面文件都可以使用一套,包括js、css,区别在于在写html的时候需要写两套语言的文字,然后通过一个全局的中英文版本状态切换变量来控制是显示中文的还是显示英文的比如下列代码:

<div>
    <span v-if="isChinese">
        我是中文字
    </span>
    <span v-else>
        我是English字
    </span>
</div>

2、isChinese这个变量必须是全局的,在每一个页面都能获取到的,并且在某一个页面更换了语言后,需要更改这个全局变量的值,以保证跳转到其他页面以后依然是能够依照刚才选择的语言进行显示

3、如果是接口返回的数据文字就不需要做isChinese的判断,但是需要向接口传递一个参数,比如参数就是isChinese,接口通过判断isChinese的值来决定返回给前端的语言文字版本,前端页面里面只需要调用数据变量即可:

<div>
    <span>
       {{data}}
    </span>
</div>

猜你喜欢

转载自www.cnblogs.com/liubingyjui/p/12330960.html