好用记录好用好用很好用好用好用很好用好用好用很好用好用好用很好用好用好用很好用好用好用很好用好用好用很好用好用好用很好用

1 组件中触发el-form-item校验

// el-form-item源码中会向内部组件provide elFormItem
export default {
  inject: {
    elFormItem: {
      default: '',
    },
  },
  
  methods: {
    // 修改后触发校验
    handleChange(val) {
      if (this.elFormItem) {
        this.elFormItem.$emit('el.form.change', [value]);
      }
    },
  },
}

2 .npmrc文件

// 用于配置npm的行为和设置，当公司镜像中下载不到外部镜像时，不需要切镜像
registry=https://registry.npmmirror.com/
@company:registry=https://registrynpm.company.com/    // 以@company开头的镜像会使用公司镜像地址

3 vue-cli中自定义模板变量

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <script src="<%= BASE_URL %>config.js?<%= TIMESTAMP %>"></script>
</head>
<body>
  
</body>
</html>

// BASE_URL 是脚手架自带的变量
// vue.config.js
chainWebpack: (config) => {
  config.plugin('html').tap(([options]) => {
    const defaultTemplateParameters = options.templateParameters;
    options.templateParameters = (...args) => ({
      ...defaultTemplateParameters.apply(options, args),
      TIMESTAMP: new Date().getTime(), // 增加自定义模板变量
    });
    return [options];
  });
}