Vue.js项目(租车)实战中多语言网站的功能实现

首先看网站的效果。想写这个项目的读者可以自行下载。地址：https://github.com/Stray-Kite/Car:

在这个项目中，我们主要研究语言切换，即右上角中/英文功能的实现。

首先，看看：中模拟的后台数据src/config/modules/lang.js文件

密钥代码：

导出默认{ name: 'Homepage '，components: { ScrollNumber }，data(){ return { lang : ' Chinese '，pageIndex: 0，stepindex : 0 { 0 } }，其余代码44方法： {add class (el，_ class){ 177//switch lang toggle lang(lang){ this。lang=lang//这个。animatepage ()}}，//下面的计算是为了得到数据computed : { langs(){ return config。这个。lang]//这里主要是切换。这个开关的本质实际上是使用另一组英文数据(改为一组背景数据)}，其他代码198 }}摘要

以上是边肖给大家介绍的Vue.js项目多语言网站(租车)的功能实现。希望对你有帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！如果你觉得这篇文章对你有帮助，请转载，请注明出处，谢谢！