常用知识点整理

1. 填入对应 form 值的方法；#

Object.keys(this.form).forEach((key) => {
    this.form[key] = data[key];
});Copy

2. 将一个键为对象中 key 属性值、值为 value 属性值的对象转化为键值对对象数组；#

object.entries 相关相关文档

3. 实现了将一个由键值对对象组成的数组转换成一个键为对象中 key 属性值、值为 value 属性值的对象#

4. 常用弹性和布局中，flex：1 的使用；#

• 自动撑满剩余父元素的宽度；

• 让所有弹性盒模型对象的子元素都有相同的长度，且忽略它们内部的内容：

  <style> 
  #main {
    width:220px;
    height:300px;
    border:1px solid black;
    display:flex;
  }
  #main div {
    flex:1;
  }
  </style>
  <div id="main">
  <div style="background-color:coral;">红色</div>
  <div style="background-color:lightblue;">蓝色</div>  
  <div style="background-color:lightgreen;">带有更多内容的绿色 div</div>
  </div>Copy

5.sort 进行对应字段做排序；#

 // 根据数量进行升序排列
series.sort((a, b) => a.max - b.max);Copy

6.vscode eslint 设置保存自动修正：#

1. 安装 eslint 插件 在文件 - 首选项 - 设置 setting.json 中填入一下内容即可；

   "editor.codeActionsOnSave": {
        "source.fixAll.eslint": true,
        "eslint.autoFixOnSave" : true,
    },Copy

   7. 根据当前排序过的列进行展示#

   const currentColumns = respColumns.reduce((prev, currentColumn) => {
        // 根据当前排序过的列 进行展示
        let existColumn = this.columnsConfigOrigin.find(e => e.key === currentColumn);
        if (existColumn) {
          prev.push(existColumn);
        }
        return prev;
      }, []);Copy

   8.$set 更改表单数据#

   出现此问题的原因是因为，初始化表单的时候没有给 ‘表单’ 或者 ‘表单中某一项’ 的初始值造成的；
   如给表单中的 user 字段赋值出现问题，那么解决方法如下：
2. 给个初始值

   form:{
   　　user:''
   }Copy

3. this.$set (this.form,’user’,’需要赋值的值’)；

本作品采用《CC 协议》，转载必须注明作者和本文链接