使用饿了么表单报错，提示filed命名冲突

发表于 | 分类于 ， ， | 阅读次数:

饿了么表单报错，vee-validate的（filed）命名冲突

原因可能是项目使用了vee-validate，请自行检查，如果是，解决方法如下：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
main.js

// 饿了么表单报错，vee-validate的命名冲突，利用自定义vee-validate配置解决这个问题
const config = {
  aria: true,
  classNames: {},
  classes: false,
  delay: 0,
  dictionary: null,
  errorBagName: 'errors', // change if property conflicts
  events: 'input|blur',
  fieldsBagName: 'fields2', // 把这个名字改成fields之外的就可以了
  i18n: null, // the vue-i18n plugin instance
  i18nRootKey: 'validations', // the nested key under which the validation messages will be located
  inject: true,
  locale: 'en',
  validity: false,
  useConstraintAttrs: true
};

//vue安装插件时候，传入配置
Vue.use(VeeValidate, config);

可以利用自定义vee-validate配置解决这个问题，在main.js里加入config配置项