首先來看一下網站效果，想寫這個項目的讀者可以自行下載哦，地址：https://github.com/Stray-Kite/Car：
在這個項目中，我們主要是為了學習語種切換，也就是右上角的 中文/English 功能的實現。
首先看一下模擬的后臺數據src/config/modules/lang.js 文件中:
關鍵代碼：
export default { name: 'Homepage', components: { ScrollNumber }, data () { return { lang: 'chinese', pageIndex: 0, stepIndex: 0 } }, ......其余代碼 44 methods: { addClass (el, _class) {177 //切換語言 toggleLang (lang) { this.lang = lang // this.animatePage() } }, //以下幾個computed是獲取config文件夾里的數據 computed: { langs () { return config.langs[this.lang] //主要靠這里切換，這個切換的本質其實就是使用了另一套英文的數據（換了一套后臺數據） }, ......其余代碼198 }}總結
以上所述是小編給大家介紹的Vue.js項目實戰之多語種網站的功能實現（租車）,希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持！
如果你覺得本文對你有幫助，歡迎轉載，煩請注明出處，謝謝！
新聞熱點
疑難解答
