vue表单中对数据的转换

5 篇文章 0 订阅

在VUE开发项目时,下拉框的label为标签名,value用于区分选择的状态,在表示0,1,2表示下拉字段的状态为离线、在线、故障,主要用于和后端数据交互方便,给表字段传入这个option时,需要对数据进行formatter转换才能在表格里展示对应的离线、在线、故障字段

formatter是格式化的意思,也就是以何种形式呈现的意思,对于一个纯文本,我可以将它呈现为checkbox,也可以呈现为input输入框,甚至下拉框等等,或者是在文本外层包裹更多的DOM(当然包裹这样做并没有多大意义),这就是formatter的真正意义。


```javascript
 formatter: function (row, value) {
        return Number(value) === 1 ? '在线' : Number(value) === 2 ? '故障' : "离线"
      },
      viewFormatter: (row, value) => {
        return Number(value) === 1 ? '在线' : Number(value) === 2 ? '故障' : "离线"
      },

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值