数据库存数据为字典的key，在页面显示对应的value方法

例子：数据库字段foodtypeid=1，字典（foodType）对应的1为牛奶，2为果汁。当页面进行展示对应的foodtypeid这一列时不应该为1应该为牛奶，下边两个方法解决了在页面显示的问题，方法一好使，方法二需要在foodTableData在加个对应的显示字段，要不然就会改变原有数据
方法1：html使用
<template #foodtypeid=“{scope}”>
{{translateDic(scope.row.foodtypeid,‘foodType’)}}

js使用
afterVueConfInited: function (vueConf){
vueConf.computed = {
translateDic() {
return (val, dicName) => {
let o = vueConf.data[dicName].find(e => e.key == val)
if (!o) {
return ‘’
}
return o.text
}
},
}
},

方法2：js
this_.foodTableData.forEach(item=>{
if(item.foodtypeid){
item.foodtypeid = this_.foodType.find((items) => items.key == item.foodtypeid).text;
}else{
item.foodtypeid = ‘’
}
})