数据字典

export const ROLE_TYPE = [
{ label: '管理员', value: 1 },
{ label: '老板', value: 2 },
{ label: '店长', value: 3 },
{ label: '店员', value: 4 }
]


export const ADMIN_TYPE_VALUE = 1

(port.js)数据从此处获取

import {
  PORT_TYPE,
  PORT_ONLINE_STATUS,
  PORT_BIND_STATUS
} from "@/constants/port";//在info.vue中引入

    import { formatterGenerator, formatDate } from "@/lib/helper";//在info.vue中引入函数

export function formatterGenerator(mapper, value) {
  const item = mapper.find(item => item.value === value)
  return item ? item.label : '-'
}

(helper.js)这里引入处理数据的函数

 roleFormatter(row) {
      if (!row) {
        return
      }
      return formatterGenerator(ROLE_TYPE, row.role);
    },//info.vue

这样反复引入js文件的目的就是避免全部写在组件当中造成文件代码十分庞大，不利于维护。

 find() 方法返回数组中满足提供的测试函数的第一个元素的值。否则返回 undefined。

var inventory = [
    {name: 'apples', quantity: 2},
    {name: 'bananas', quantity: 0},
    {name: 'cherries', quantity: 5}
];

function findCherries(fruit) { 
    return fruit.name === 'cherries';
}

console.log(inventory.find(findCherries)); // { name: 'cherries', quantity: 5 }

function isPrime(element, index, array) {
  var start = 2;
  while (start <= Math.sqrt(element)) {
    if (element % start++ < 1) {
      return false;
    }
  }
  return element > 1;
}

console.log([4, 6, 8, 12].find(isPrime)); // undefined, not found
console.log([4, 5, 8, 12].find(isPrime)); // 5

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/find