vscode配置

1、保存的时候去除多余空格:

打开设置界面,File -> Preferences -> Settings
在搜索框中输入:trim trailing whitespace,然后勾选上Files:Trim Trailing Whitespace

2、ESLint:

1、安装 eslint 插件
2、【文件 -> 首选项 -> 设置】在用户设置中填写如下配置:
{
  "eslint.autoFixOnSave": true,
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    {
      "language": "html",
      "autoFix": true
    },
    {
      "language": "vue",
      "autoFix": true
    }
  ]
}

 

element-ui table tree

默认展开节点属性 : default-expand-all

本地有完整的树形结构数据,成为展开节点条件,数据里面有:children

懒加载模式,数据里面有:  hasChildren: true

这两个属性还可以通过 tree-props 属性自定义:

:tree-props="{children: 'children', hasChildren: 'hasChildren'}"

 

 

el-form动态表单验证项

template代码:

<el-form-item 
            label="目标用户及数据需求描述" 
            class="project-desc project-targetUser" 
            prop="targetUser" 
            :rules="targetRequired ? addFormRules.targetUser : addFormRules.targetUserFalse"
          >

通过:rules来控制启用哪个校验规则

script代码:

targetUser: [
          { required: true, message: '请输入目标用户及数据需求描述', trigger: 'blur' }
        ],
        targetUserFalse: [
          { required: false, message: '请输入目标用户及数据需求描述', trigger: 'blur' }
        ],

 

 

el-form清除单项校验属性

如果有选项联动,选择其中一个选项,清除联动项的值并初始化选项的值,会触发form表单的blur事件和校验规则。

kindId: [
      { required: true, message: '请选择设备小类', trigger: 'change' }
],

可以在 $nextTick 用单独清除表单验证项来清理弹出的错误提示:

this.$nextTick(()=>{
        this.$refs.reportForm.clearValidate(['name'])
      })

clearValidate() 参数接收数组

 

JS闭包!function(){}()

叹号后面跟函数!function
和加号后面跟函数+function
都是跟(function(){})();这个函数是一个意思,都是告诉浏览器自动运行这个匿名函数的,因为!+()这些符号的运算符是最高的,所以会先运行它们后面的函数