成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

vue根據(jù)按鈕進行中英文切換

lifesimple / 609人閱讀

摘要：剛學(xué)習(xí)不久，所以對了解還不是很深，一直處于邊做邊查的狀態(tài)，這幾天開發(fā)一個雙語網(wǎng)站。內(nèi)容如下，希望對大家有幫助。

剛學(xué)習(xí)vue不久，所以對vue了解還不是很深，一直處于邊做邊查的狀態(tài)，這幾天開發(fā)一個雙語網(wǎng)站。
內(nèi)容如下，希望對大家有幫助。
安裝 vue-i18n插件npm install vue-i18n

1.首先是引進i18n

1.首先是引進i18n

然后在index.js中

import VueI18n from "vue-i18n"
import Vue from "vue"

Vue.use(VueI18n)

const i18n = new VueI18n({
    locale: "cn",    // 語言標(biāo)識
    messages: {
        "cn": require("./lang/cn"),   // 中文語言包
        "en": require("./lang/en")    // 英文語言包
    },
})

export default  i18n

cn.js以及en.js中寫入需要用到的中英文翻譯內(nèi)容
在main,import i18n from "./i18n" //引入配置文件

new Vue({
  el: "#app",
  router,
  store,
    i18n: i18n,
  render: h => h(App)
})
2.在用到英文切換的模板中添加

由于此項目是在中文狀態(tài)下默認顯示英文按鈕，在英文狀態(tài)下顯示中文按妞，所以這里的代碼如下
（1）導(dǎo)航處

{{lang}}

靜態(tài)文案的地方

  • 
{{ $t("message.index") }}

    • 
//{{ $t("message.index") }}放你需要的翻譯的內(nèi)容

    此項目中由于后端要求中英文返回的值為0和1，所以此處用到了$cookie

    文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

    轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/51425.html

    相關(guān)文章

    • vue根據(jù)按鈕進行中英文切換

      摘要：剛學(xué)習(xí)不久，所以對了解還不是很深，一直處于邊做邊查的狀態(tài)，這幾天開發(fā)一個雙語網(wǎng)站。內(nèi)容如下，希望對大家有幫助。 剛學(xué)習(xí)vue不久，所以對vue了解還不是很深，一直處于邊做邊查的狀態(tài)，這幾天開發(fā)一個雙語網(wǎng)站。內(nèi)容如下，希望對大家有幫助。安裝 vue-i18n插件npm install vue-i18n 1.首先是引進i18n showImg(https://segmentfault.c...

      yvonne 評論0 收藏0

    • vue，使用vue-i18n實現(xiàn)國際化

      摘要：需求公司項目需要國際化，點擊按鈕切換中文英文安裝注入實例中，項目中實現(xiàn)調(diào)用和模板語法語言標(biāo)識通過切換的值來實現(xiàn)語言切換中文語言包英文語言包最后對應(yīng)語言包中文語言包首頁概覽公司概述財務(wù)報表更多附錄主要財務(wù)指標(biāo)對比分析新聞事件檔案 需求 公司項目需要國際化，點擊按鈕切換中文/英文 1、安裝 npm install vue-i18n --save 2、注入 vue 實例中，項目中實現(xiàn)調(diào)用 ...

      jsummer 評論0 收藏0

    • Calendar -『為移動端而生』的自定義日歷

      摘要：，歡迎使用中文文檔在后面自我介紹是為了滿足移動端對各種場景的需求而生的，兼容性強，靈活度高。如空數(shù)組默認設(shè)置成當(dāng)月日數(shù)組的每一位分別是年月日。 Calendar - A Flexible Calendar for Mobile Intro Calendar was born for several product requirements in the mobile. It’s f...

      MycLambert 評論0 收藏0

    • Calendar -『為移動端而生』的自定義日歷

      摘要：，歡迎使用中文文檔在后面自我介紹是為了滿足移動端對各種場景的需求而生的，兼容性強，靈活度高。如空數(shù)組默認設(shè)置成當(dāng)月日數(shù)組的每一位分別是年月日。 Calendar - A Flexible Calendar for Mobile Intro Calendar was born for several product requirements in the mobile. It’s f...

      Gu_Yan 評論0 收藏0

    發(fā)表評論

    0條評論

    lifesimple

    男|高級講師

    TA的文章

    閱讀更多
    最新活動
    閱讀需要支付1元查看
    <