背景:需要从列表中获取两列数据,并将其拼接显示在一个对话框内
问题:列表原有的两列数据是以字典的形式呈现的,只在列表中短暂的转化成文字,在其他地方还是字典值(数字),所以如何将已转换的字典标签(中文label)保存下来,并可以全局引用
解决:
首先将最初的字典转化方式替换掉
<dict-tag :options="dict.type.data_facilities_type" :value="scope.row.facilitySpecificType" />
因为这没有办法引用,还是用加入函数,以传参和函数调用的方式引用
<span> {{ dictFormat1(scope.row.facilityLocation) }}</span>
dictFormat1(value) {
return this.selectDictLabel(this.dict.type.data_equipment_location, value);
},
最后再通过函数调用拿到暂存的转换值
showCode(row){
this.dialogVisible=true
let data1=this.dictFormat1(row.facilityLocation);
let data2=this.dictFormat2(row.facilityName);
this.codeInfo = `${row.pointName}-${data1}-${data2}`;
},