在我们的开发中,会出现例如查询结果为数字,但是要返回页面具体文字的时候,我们需要用到字典,下面是我整理的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('')
}
},