我正在尝试在另一个组件中使用组件 . 在 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警告]:未知的自定义元素: - 您是否正确注册了组件?对于递归组件,请确保提供“名称”选项 .
在 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>
1 回答
改变
component
forcomponents
就可以了 . 我很遗憾:)