vue根据字典回显数据

在我们的开发中,会出现例如查询结果为数字,但是要返回页面具体文字的时候,我们需要用到字典,下面是我整理的vue中字典的使用

template数据

          <div class="value" :title="form.judgeStatus">
            {{
                selectDictLabelCus(judgeStatusList, form.judgeStatus, 'label', 'value')
            }}
          </div>



//字典      
judgeStatusList: [
        {
          value: '0',
          label: '验证失败'
        },
        {
          value: '1',
          label: '验证成功'
        },
      ],

  methods: {
    // 回显数据字典-自定义
    selectDictLabelCus(datas, value, labelName, valueName) {
      var actions = []
      Object.keys(datas).some((key) => {
        if (('' + datas[key][valueName]) === ('' + value)) {
          actions.push(datas[key][labelName])
          return true
        }
      })
      return actions.join('')
    }
  },

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值