elementUI 表格formatter属性的用法

2020-05-07  本文已影响0人  笑执清茶

用来格式化内容(字典翻译)

表格某一字段长这样:

后台返回的字段是这样的:

                                                  status: off 或者 status: on

后台提供的字典:

字典里的字段可能会变化,所以前端不能写死

后台返回英文,可是要求中文展示,如果有下拉列表查询框,选择以后又要求传给后台的是英文怎么办?

我们可以在mounted的时候获取字典,然后组装一下:

statusOptions可以用来做用于筛选的下拉列表:

在表格的“状态“”这一栏使用formatter属性:

这样就可以把字段翻译成自己需要的语言,而不影响传递给后台的值。做国际化的时候很方便,因为后端返回的字典可能变成status: {all: "all", off: "offline", on: "online"}或者别的语言,这样做不管后端怎么变,前端完全不用修改。

上一篇下一篇

猜你喜欢

热点阅读