2020-05-11：element UI Checkbox 多选框、el-col高度、对象数组去重

1、element UI Checkbox 多选框

723579a1380a6559.png

el-checkbox竖排列,只需要在el-checkbox 中加入样式：style="display:block;"

              
与弱电接口专业
              
                {{ item.label }}
              
              
选择
            

2、el-col高度

el-col没有内容或内容为 时height=0。

.el-col {
  min-height: 1px
}

3、对象数组去重（属性名对应的属性值的比较）

法一

function unquireObjectInArray(array) {
  if (!(array instanceof Array)) {
    return -1
  }
  var newArr = []
  var duplicates = [] // 记录已比较过得重复项下标
  for (var i = 0; i < array.length; i++) {
    if (i && duplicates.indexOf(i) > -1) {
      continue
    }
    for (var j = i + 1; j < array.length; j++) {
      if (_compareObj(array[i], array[j])) {
        duplicates.push(j)
      }
    }
    newArr.push(array[i])
  }
  return newArr

  function _compareObj(a,b) {
    var keysA = Object.keys(a)
    var keysB = Object.keys(b)
    if (keysA.length !== keysB.length) {
      return false
    }
    var isSame = true
    keysA.forEach(function(v) {
      if (b[v] !== a[v]) {
        isSame = false
      }
    })
    return isSame
  }
}

//调用
var result = unquireObjectInArray(oldArr);
console.log(result);

法二

function unquireObjectInArray(array) {
  if (!(array instanceof Array)) {
    return -1
  }
  var newArr = [array[0]]
  for (var i = 1; i < array.length; i++) {
    var isIn = false
    for (var j = 0; j < newArr.length; j++) {
      if (_compareObj(array[i], newArr[j])) {
        isIn = true
        break
      }
    }
    if (!isIn) {
      newArr.push(array[i])
    }
  }
  
  return newArr

  function _compareObj(a, b) {
    var keysA = Object.keys(a)
    var keysB = Object.keys(b)
    if (keysA.length !== keysB.length) {
      return false
    }
    var isSame = true
    keysA.forEach(function (v) {
      if (b[v] !== a[v]) {
        isSame = false
      }
    })
    return isSame
  }
}

//调用
var result = unquireObjectInArray(oldArr);
console.log(result);