當前位置:成語大全網 - 新華字典 - elementUI 表格formatter屬性的用法

elementUI 表格formatter屬性的用法

用來格式化內容(字典翻譯)

表格某壹字段長這樣:

後臺返回的字段是這樣的:

? status: off 或者?status: on

後臺提供的字典:

後臺返回英文,可是要求中文展示,如果有下拉列表查詢框,選擇以後又要求傳給後臺的是英文怎麽辦?

我們可以在mounted的時候獲取字典,然後組裝壹下:

statusOptions可以用來做用於篩選的下拉列表:

在表格的“狀態“”這壹欄使用formatter屬性:

這樣就可以把字段翻譯成自己需要的語言,而不影響傳遞給後臺的值。做國際化的時候很方便,因為後端返回的字典可能變成status:?{all: "all", off: "offline", on: "online"}或者別的語言,這樣做不管後端怎麽變,前端完全不用修改。