axios查询字典翻译

1 . 原理是页面第一次加载的时候，请求数据查询字典翻译（比如1翻译为男，2翻译为女）然后存到浏览器 sessionStorage 里 之后再使用就不用再请求数据了

// express_status  快件环节状态参数
// kadm_type_hg   海关口岸代码
// mail_status   邮件环节状态参数
// trade_mode_hg  海关贸易方式
// cbee_status 出口跨境清单环节参数
// cbec_status 进口跨境清单环节参数
// MAIL_TYPE  邮件种类参数
import { getFindByTypeApi } from '../http/api'

export default function outF (val, type) {
  let data = sessionStorage.getItem(type)
  let str = ''
  if (!data) {
    getFindByTypeApi(type).then(res => {
      if (res.data.code == 200) {
        let res1 = JSON.stringify(res.data.data)
        sessionStorage.setItem(type, res1)
        res.data && res.data.data.map((item) => {
          if (item.value == val) {
            str = item.label
          }
        })
      }
    })
  } else {
    data = JSON.parse(data)
    data.map(item => {
      if (item.value == val) {
        str = item.label
      }
    })
  }
  return str
}

2.页面上使用

	// 先引用
	import outF from '../utils/complis.js'
	// 然后定义自己的方法
	// value 是你要字典翻译的值  比如1   type 是你要查询后台数据的类型
	const complis = (value, type) => {
      return outF(value, type)
    }
    // DOM上使用
    <span>{{ complis(ListData.clearanceStatus, "cbec_status") }}</span>