vue 前端 问题整理

列表显示字典数据

template里面的vue代码

获取数据（手动查询字典数据）

const sysUserSex = ref();
dictByType();
// 手动查询字典数据
function dictByType(){
  selectDictByKey( 'sys_user_sex' ).then(res => {
    sysUserSex.value = res.data;
  })
}


const maritalStatusList = ref();
maritalStatusByType();
function maritalStatusByType(){
  selectDictByKey( 'marital_status' ).then(res => {
    maritalStatusList.value = res.data;
  })
}

const nationList = ref();
nationListByType();
function nationListByType(){
  selectDictByKey( 'nation' ).then(res => {
    nationList.value = res.data;
  })
}


const politicalOutlookList = ref();
politicalOutlookListByType();
function politicalOutlookListByType(){
  selectDictByKey( 'political_outlook' ).then(res => {
    politicalOutlookList.value = res.data;
  })
}

// 获取字典数据和业务表的数据比对，如果是同一个key，会显示对应字典的value

function dictDataLabel( dataValue ,dataList ){
  if( dataValue ){
    let dictData = dataList ;
    let item = dictData.find( item=>item.dictValue == dataValue )
    if( item){
      return item.dictLabel;
    }
  }
}