美文网首页
elementUI 表格formatter属性的用法

elementUI 表格formatter属性的用法

作者: 笑执清茶 | 来源:发表于2020-05-07 18:30 被阅读0次

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

    表格某一字段长这样:

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

                                                      status: off 或者 status: on

    后台提供的字典:

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

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

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

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

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

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

    相关文章

      网友评论

          本文标题:elementUI 表格formatter属性的用法

          本文链接:https://www.haomeiwen.com/subject/rczaghtx.html