key-value 字典匹配处理

lryh_

已于 2024-07-05 15:22:28 修改

阅读量92

点赞数 2

文章标签：前端 javascript

于 2024-06-14 17:46:37 首次发布

本文链接：https://blog.csdn.net/lryh_/article/details/139687141

版权

根据labelStr中的值来获取对应的中文名称

function labFormat(labelStr){
  try {
    
    labelStr = labelStr.replace(/'/g, '"')
    const arr = JSON.parse(labelStr )   // "['admin','gene']" ==>['admin','gene']
    const maplb = arr.map(item=> map(item)) 
    return maplb.join(',') // admin, gene
  } catch (err) {
    console.error('Invalid JSON string:', err)
    return ''
  }
}

function map(type) {
  const map = {
    admin: '管理员',
    gene: '综管部',
    techgy: '技术部',
    bussy: '业务部',
  }
  
  return map[type] || ''
}

 <el-table-column prop="label" label="部门" align="center" min-width="100">
    <template #default="{ row }">{{  labFormat(row.label) }}</template>
 </el-table-column>