Question

我试图在另一个组件中使用组件。在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>

Answer 1

为component更改components就可以了。对我感到羞耻：）

现有组件抛出：未知的自定义元素

1 个答案: