代码块

• 数字输入框 文字偏左

::v-deep .el-input-number .el-input__inner {
  text-align: left;
}

• 替换按钮图标

::v-deep .el-icon-edit {
  background: url('~@/assets/images/ai/verify_edit.svg') center
    no-repeat; // 注意此处的url，在这里引入自己的图片
  font-size: 12px;
  background-size: cover;
}
::v-deep .el-icon-edit:before {
  content: '替';
  font-size: 12px;
  visibility: hidden;
}

• 确认功能

submitToPerson(item) {
      console.log(":" + "->" + JSON.stringify(item));
      const wayKeyWord = ''
      let params = { audioId: item.id };
      statusChange(item.id, params)
        .then((res) => {
          console.log("click_changeState res=>" + JSON.stringify(res));
          if (res.data) {
            this.$message.success(`${wayKeyWord}成功！`);
          } else {
            this.$message.warning(`${wayKeyWord}失败！`);
          }
          setTimeout(() => {
            this.getList();
          }, 20);
        })
        .catch((error) => {
          console.error("->", JSON.stringify(error));
          this.$message.warning(`${wayKeyWord}失败！`);
        });
    },

查找数组

列表

• Array.prototype.includes()

includes() 方法用来判断一个数组是否包含一个指定的值，如果包含则返回 true，否则返回 false。

• Array.prototype.indexOf()

indexOf() 方法返回指定元素在数组中的第一个索引，如果不存在，则返回-1。

• Array.prototype.some()

some() 方法测试数组中是不是至少有1个元素通过了被提供的函数测试。它返回的是一个 Boolean 类型的值。

[2, 5, 8, 1, 4].some(x => x > 10);  // false

• Array.prototype.every()

every() 方法测试一个数组内的所有元素是否都能通过某个指定函数的测试。它返回一个布尔值。

function isBigEnough(element, index, array) {
  return element >= 10;
}
[12, 5, 8, 130, 44].every(everyItem => everyItem >= 10);   // false
[12, 54, 18, 130, 44].every(isBigEnough); // true

• Array.prototype.filter()

filter() 方法创建一个新数组, 包含通过所提供函数实现的测试的所有元素。

function isBigEnough(element) {
  return element >= 10;
}

var filtered = [12, 5, 8, 130, 35].filter(filterItem => filterItem >=10);
// filtered is [12, 130, 35]

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

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

function findOranges(fruit) { 
    return fruit.name === 'orange';
}

inventory.find(findItem => findItem.name === 'orange'); // { name: 'orange', quantity: 5 }

• Array.prototype.findIndex()

findIndex() 方法返回数组中满足提供的测试函数的第一个元素的索引。若没有找到对应元素则返回-1。

var inventory = [
    {name: 'apple', quantity: 2},
    {name: 'banana', quantity: 0},
    {name: 'orange', quantity: 5}
];

function findOrange(fruit) { 
    return fruit.name === 'orange';
}

console.log(inventory.findIndex(findIndexItem => findIndexItem.name === 'orange'));
// { name: 'orange', quantity: 5 }

vue中的css样式：文字超过一行的部分用省略号表示

• 替换按钮图标

display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;//超过行数
overflow: hidden;
word-break: break-all;