vue 後台翻譯 vue根據按鈕進行中英文切換

2021-10-12 13:12:26 字數 627 閱讀 6571

剛學習vue不久,所以對vue了解還不是很深,一直處於邊做邊查的狀態,這幾天開發乙個雙語**。

內容如下,希望對大家有幫助。

安裝 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(}

靜態文案的地方

}//}放你需要的翻譯的內容

此專案中由於後端要求中英文返回的值為0和1,所以此處用到了$cookie

export default elseelse{

this.locale='en';

this.lang='中文';

this.$cookie.set('lng', this.locale=='cn'?'0':'1', 1);

watch: {

locale (val) {

this.$i18n.locale = val;

console.log("locale",val);

vue後台專案按鈕許可權的實現

做後台專案的時候 幾乎都會有許可權問題 一方面是選單欄的許可權 另一方面是按鈕許可權 選單許可權一般往往是通過後台返的token 得到動態的選單欄 按鈕許可權也跟token有關 但是要結合自定義指令來實現 1 在utils資料夾下建乙個btnspermission.js import vue fro...

Vue後台管理系統的按鈕許可權控制

摘要 最近需要在原有的後台管理系統中,需要給頁面中的所有按鈕進行許可權控制 實現的思路如下 方法一 1 獲取後台傳過來的按鈕許可權陣列,並將其儲存下來 2 寫乙個全域性的方法。判斷某個按鈕的許可權是否含在後台傳的按鈕許可權陣列中 3 頁面中在按鈕上寫v if進行控制 如下 後台的按鈕許可權資料模擬 ...

vue根據按鈕進行中英文切換

剛學習vue不久,所以對vue了解還不是很深,一直處於邊做邊查的狀態,這幾天開發乙個雙語 內容如下,希望對大家有幫助。安裝 vue i18n外掛程式npm install vue i18n 1.首先是引進i18n 然後在index.js中 import vuei18n from vue i18n i...