溫馨提示×
您好，登錄后才能下訂單哦！
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
首先來看一下網(wǎng)站效果，想寫這個項(xiàng)目的讀者可以自行下載哦，地址：https://github.com/Stray-Kite/Car：
在這個項(xiàng)目中，我們主要是為了學(xué)習(xí)語種切換，也就是右上角的 中文/English 功能的實(shí)現(xiàn)。
首先看一下模擬的后臺數(shù)據(jù)src/config/modules/lang.js 文件中:
關(guān)鍵代碼：
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] //主要靠這里切換，這個切換的本質(zhì)其實(shí)就是使用了另一套英文的數(shù)據(jù)（換了一套后臺數(shù)據(jù)）
},
......其余代碼198 }
}
總結(jié)
以上所述是小編給大家介紹的Vue.js項(xiàng)目實(shí)戰(zhàn)之多語種網(wǎng)站的功能實(shí)現(xiàn)（租車）,希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對億速云網(wǎng)站的支持！
如果你覺得本文對你有幫助，歡迎轉(zhuǎn)載，煩請注明出處，謝謝！
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號
手機(jī)網(wǎng)站二維碼