国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

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

lifesimple / 606人閱讀

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

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

1.首先是引進(jìn)i18n

1.首先是引進(jìn)i18n

然后在index.js中

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

Vue.use(VueI18n)

const i18n = new VueI18n({
    locale: "cn",    // 語言標(biāo)識(shí)
    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.在用到英文切換的模板中添加

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

{{lang}}

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

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

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

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

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

    轉(zhuǎn)載請(qǐng)注明本文地址：http://m.specialneedsforspecialkids.com/yun/51425.html

    相關(guān)文章

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

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

      yvonne 評(píng)論0 收藏0

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

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

      jsummer 評(píng)論0 收藏0

    • Calendar -『為移動(dòng)端而生』的自定義日歷

      摘要：，歡迎使用中文文檔在后面自我介紹是為了滿足移動(dòng)端對(duì)各種場(chǎng)景的需求而生的，兼容性強(qiáng)，靈活度高。如空數(shù)組默認(rèn)設(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 評(píng)論0 收藏0

    • Calendar -『為移動(dòng)端而生』的自定義日歷

      摘要：，歡迎使用中文文檔在后面自我介紹是為了滿足移動(dòng)端對(duì)各種場(chǎng)景的需求而生的，兼容性強(qiáng)，靈活度高。如空數(shù)組默認(rèn)設(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 評(píng)論0 收藏0

    發(fā)表評(píng)論

    0條評(píng)論

    lifesimple

    男|高級(jí)講師

    TA的文章

    閱讀更多
    最新活動(dòng)
    閱讀需要支付1元查看
    <