常用的一些翻译,转换方法

一、将表格中的null或" "或0之类的相关数据转换成"--"(此方法直接写在组件里也可重新封装在utils中)

let keylist = Object.keys(result.result.list[0]);
     keylist.forEach((item, index) => {
       result.result.list.forEach(ite => {
           if (ite[item] === null || ite[item] === ""|| ite[item] === 0) {
              ite[item] = "--";
            }
       });
    });         

二、写在mixins中的翻译数据字典的方法

  //formatStr.js
  const mixins = {
    methods: {
        formatStr(code,list) {
            if(code){
                let arr = this[list].filter(item => item.code == code)
                if(arr.length == 0){
                    return code
                }else{
                    return arr[0].name
                }
                 
            }else{
                return ''
            }
        },
    }
  }
  export default mixins
  
  在页面中使用
 1. import mixins from "@/public/mixins/formatStr"
 2. mixins:[mixins],
 3. {{formatStr(scope.row.yjType,'yjTypeList')}}

三、优雅的代码思路 今天同事分享了他的一段代码,问我这个问题是我的话会怎么写? 问题是这样的,有一个行政区域下拉框,接口返回的是固定的顺序,怎么按照自己要求的顺序给他排列.

    //1.根据接口拿到行政区域
publicHttp.getAreaList().then(res=>{
   //2.首先写出自己想要的排列顺序
   let list = ['长沙市','芙蓉区','雨花区','天心区','开福区','岳麓区','望城区','长沙县','宁乡市','浏阳市']
   //3.定义一个空数组
   let arealist = [];
   //4.根据自己定义的顺序来排
   arealist = list.map(item => res.result.find(ite => ite.name === item))
})