首先來看一下網(wǎng)站效果，想寫這個項(xiàng)目的讀者可以自行下載哦，地址：https://github.com/Stray-Kite/Car：

創(chuàng)新互聯(lián)建站主營額敏網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營網(wǎng)站建設(shè)方案,重慶APP開發(fā)公司,額敏h5微信平臺小程序開發(fā)搭建,額敏網(wǎng)站營銷推廣歡迎額敏等地區(qū)企業(yè)咨詢

在這個項(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  }
}

分享標(biāo)題：Vue.js項(xiàng)目實(shí)戰(zhàn)之多語種網(wǎng)站的功能實(shí)現(xiàn)（租車）-創(chuàng)新互聯(lián)
新聞來源：http://www.rwnh.cn/article42/copgec.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供ChatGPT、搜索引擎優(yōu)化、云服務(wù)器、App開發(fā)、網(wǎng)站導(dǎo)航、用戶體驗(yàn)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)