多語字段前端處理方案

**多語，後台返回字段包含了規定的命名規範。可以用此方法覆蓋原字段的值來賦值。

場景：

後台返回data為

data = ]},
]}],]
}}

可以看出來約定好的多語字段後邊增加ext+$

前端處理方案：因為共用了同乙個請求的function ,所以在請求返回值統一處理。

const _diff = (_index, _data, _ext) => 
});} else if (typeof data === "object" && object.keys(data).length) 
}const currdata = data[item];
if (!currdata) return;
if (typeof currdata === "object" && (currdata.length !== 0 || object.keys(currdata).length)) 
});}
}  loop(_data);
}

_diff 方法中有三個引數。

第乙個引數為我們知道當前語種對應的index，

_data 為result返回的值，

_ext 為多語字段區分的變數。

呼叫方法： _diff(0, data, 'ext');

前端實現多語言

現在開發者解決多語言普遍的三種解決方案為每個頁面提供每種語言的相關頁面。第二種是把內容從表現形式中分離出來，做不同語言的內容檔案。第三種是動態翻譯頁面內容。第三種很少見，而且機器翻譯技術還很難達到人們的預期。實現方法比較笨的方法，就是把所有的語言寫好，放在同乙個頁面，加上不同的class，用jq...

so easy 前端實現多語言

每個公司業務不一樣，此解決方案僅做參考 git demo位址其實現在開發者解決多語言普遍三種解決方案第乙個是為每個頁面提供每種語言的相關頁面。第二種是把內容從表現形式中分離出來，做不同語言的內容檔案。第三種是動態翻譯頁面內容。第三種很少見，而且機器翻譯技術還很難達到人們的預期。其實第二種相對來說...

多語字段前端處理方案

前端實現多語言

so easy 前端實現多語言

so easy 前端實現多語言

相關推薦