vue表格el-table-column数据翻译字段

state传来的是码值，需要转换成汉字，如：1转为成功，2转为失败<el-table-column align="center" min-width="100px" label="状态" prop="state" :formatter = "stateFormat">&a

会迟到但不会缺席

19562人浏览 · 2018-06-12 17:10:48

会迟到但不会缺席 · 2018-06-12 17:10:48 发布

state传来的是码值，需要转换成汉字，如：1转为成功，2转为失败

<el-table-column align="center" min-width="100px" label="状态" prop="state" :formatter = "stateFormat">
      </el-table-column>

使用 :formatter = "stateFormat"

在方法区：

methods: {
      stateFormat(row, column) {
        console.log(row.state)
        if (row.state === 0) {
          return '未上链'
        } else if (row.state === 1) {
          return '成功'
        } else if (row.state === 2) {
          return '上链失败'
        }
      }
.....

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^