Mixins错误，使用Vue Js时出现no-undef问题

Question

我正在使用Vue.js进行一个小项目，我试图在mixin文件中创建一个指令，但我得到一个错误消息包含:error 'ValidateMixin' is not defined no-undef

这是我的代码(我的组件):

<script>
import { ValidateMixin } from '../../mixins/ValidateMixin.js'
export default {
mixins: [ValidateMixin],
data() {
return {
errors: {}
}
}
};
</script>

这是我的Mixins文件:

export default ValidateMixin = {
data: () => ({
errors: {},
}),
directives: {
validate: {
bind(el, _, vnode) {
el.addEventListener('input', (e) => {
const vm = vnode.context;
vm.errors = Object.assign({}, vm.errors, {
[el.name]: e.target.validationMessage,
});
});
},
},
},
};

Answer 1

您已将命名导出语法与默认导出语法混合在一起。由于使用的是命名导入，下面是正确的命名导出语法:

export const ValidateMixin = {
...
}

---

如果你想导出default，它将是:

export default {
...
}

导入后:

import ValidateMixin from '../../mixins/ValidateMixin.js'