我试图在另一个组件中使用组件。在created
事件中,我可以记录此组件并返回正常对象。但是由于某些原因,该组件似乎并未被包括在内。 VueJS不理解validation
标签。
有什么想法吗?
<template>
<main>
<validation :validate="$v.email" :model="'email'"></validation>
</main>
</template>
<script>
import { Validation } from 'components/helpers'
export default {
name: 'login',
component: { Validation },
created() {
// it works. print the component with his path
window.console.log(Validation)
}
}
</script>
[Vue警告]:未知的自定义元素: - 你注册了吗? 组件正确吗?对于递归组件,请确保 提供&#34;名称&#34;选项。
在components/helpers
我有两个文件:
1)index.js
export { default as Validation } from './Validation'
2)Validation.vue
<template>
<div>
<span class="form__validation" v-if="validate && !validate.required">Required</span>
<template v-if="validation[model]">
<span class="form__validation" v-for="error in validation[model].messages">{{ error }}</span>
</template>
</div>
</template>
<script>
import { mapGetters } from 'vuex'
export default {
name: 'validation',
data() {
return {
L: L
}
},
props: ['model', 'validate'],
computed: {
...mapGetters({
validation: 'getValidation'
})
}
}
</script>
答案 0 :(得分:1)
为component
更改components
就可以了。对我感到羞耻:)