Vue.js項目實戰(zhàn)之多語種網站的功能實現(xiàn)（租車）
更新時間：2019年08月07日 08:58:04 作者：迷途紙鳶
這篇文章主要介紹了Vue.js項目實戰(zhàn)之多語種網站（租車）的功能實現(xiàn) ,需要的朋友可以參考下
首先來看一下網站效果，想寫這個項目的讀者可以自行下載哦，地址：https://github.com/Stray-Kite/Car：
在這個項目中，我們主要是為了學習語種切換，也就是右上角的 中文/English 功能的實現(xiàn)。
首先看一下模擬的后臺數(shù)據(jù)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文件夾里的數(shù)據(jù)
computed: {
langs () {
return config.langs[this.lang] //主要靠這里切換，這個切換的本質其實就是使用了另一套英文的數(shù)據(jù)（換了一套后臺數(shù)據(jù)）
},
......其余代碼198 }
}
總結
以上所述是小編給大家介紹的Vue.js項目實戰(zhàn)之多語種網站的功能實現(xiàn)（租車）,希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持！
如果你覺得本文對你有幫助，歡迎轉載，煩請注明出處，謝謝！
相關文章
vue v-for循環(huán)重復數(shù)據(jù)無法添加問題解決方法【加track-by=''索引''】
這篇文章主要介紹了vue v-for循環(huán)重復數(shù)據(jù)無法添加問題解決方法,結合實例形式分析了vue.js通過在v-for循環(huán)中添加track-by='索引'解決重復數(shù)據(jù)無法添加問題相關操作技巧,需要的朋友可以參考下2019-03-03
在Vue項目中,大圖片和多數(shù)據(jù)Excel等大文件的上傳是一個非常常見的需求，本文主要介紹了vue+ts大文件切片上傳，具有一定的參考價值，感興趣的可以了解一下2024-01-01
這篇文章主要介紹了vm.$attrs使用場景詳解，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-03-03
解決vue數(shù)據(jù)更新但table內容不更新的問題
這篇文章主要給大家介紹了vue數(shù)據(jù)更新table內容不更新解決方法,文中有詳細的代碼示例供大家作為參考,感興趣的同學可以參考閱讀一下2023-08-08
今天小編就為大家分享一篇vue 父組件通過$refs獲取子組件的值和方法詳解，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-11-11
今天小編就為大家分享一篇vue2.0獲取鼠標位置的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09
我們最開始拿到的element-ui是帶有下拉箭頭的,那么如何去除element-ui下拉框的下拉箭頭的實現(xiàn),本文就詳細的介紹一下,感興趣的可以了解一下2023-08-08
這篇文章我們從 ast 生成時調用的 baseParse 函數(shù)分析，再到 baseParse 返回 createRoot 的調用結果，一直到細化的講解了 parseChildren 解析子節(jié)點函數(shù)中的其中某一個具體解析器的執(zhí)行過程。最后通過一個簡單模板舉例,需要的朋友可以參考下2021-09-09
Vue 父子組件的數(shù)據(jù)傳遞、修改和更新方法
下面小編就為大家分享一篇Vue 父子組件的數(shù)據(jù)傳遞、修改和更新方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-03-03
這篇文章主要介紹了vuex實現(xiàn)及簡略解析(小結)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-03-03