Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/420.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript [Vue warn]:未知的自定义元素:<;文件>;_Javascript_Vue.js_Vuejs2_Vue Component - Fatal编程技术网

Javascript [Vue warn]:未知的自定义元素:<;文件>;

Javascript [Vue warn]:未知的自定义元素:<;文件>;,javascript,vue.js,vuejs2,vue-component,Javascript,Vue.js,Vuejs2,Vue Component,我正在尝试在Vuejs中创建一个组件,用户将在其中输入他/她的组织并将该数据传递到我的视图文件 但我得到的是: [Vue warn]:未知的自定义元素: 这是我的组件文件,用户将在其中输入他的组织 <template> <v-card class="mb-12"> <div class="px-7"> <Document :organization="organization"></Document>

我正在尝试在Vuejs中创建一个组件,用户将在其中输入他/她的组织并将该数据传递到我的视图文件

但我得到的是:

[Vue warn]:未知的自定义元素:

这是我的组件文件,用户将在其中输入他的组织

<template>
  <v-card class="mb-12">
    <div class="px-7">
      <Document :organization="organization"></Document>
      <v-text-field label="Organization" filled></v-text-field>
    </div>
  </v-card>
</template>

<script>
import Document from "../views/vDocument";
export default {
  components: {
    Document
  },
  data() {
    return {
      organization: "Vincent"
    };
  }
};
</script>

从“./views/vDocument”导入文档;
导出默认值{
组成部分:{
文件
},
数据(){
返回{
组织:“文森特”
};
}
};
这是我的视图文件,我将在其中将来自该组件的数据插入数据库:

  <template>
  <section>
    <v-card class="px-5 py-5">
      <v-card-title class="display-2 my-3">On-Campus Student Activity Application Form</v-card-title>
      <v-card-subtitle>Please fill up these with correct information to assess your proposal</v-card-subtitle>
      <v-stepper v-model="e1">
        <v-stepper-header>
          <v-stepper-step :complete="e1 > 1" editable step="1">Step 1</v-stepper-step>
        </v-stepper-header>

        <v-stepper-items>
          <v-stepper-content step="1">
            {{ organization }}
            <compStepper1></compStepper1>
            <v-card-actions>
              <v-btn>SUBMIT</v-btn>
            </v-card-actions>
          </v-stepper-content>
        </v-stepper-items>
      </v-stepper>
    </v-card>
  </section>
</template>

<script>
import compStepper1 from "../components/compStepper1";
export default {
  components: {
    compStepper1
  },
  props: ["organization"],
  data() {
    return {
      e1: 0
    };
  }
};
</script>

校园学生活动申请表
请填写正确的信息以评估您的提案
第一步
{{组织}
提交
从“./组件/compstepre1”导入compstepre1;
导出默认值{
组成部分:{
compStepper1
},
道具:[“组织”],
数据(){
返回{
e1:0
};
}
};

因此,在Vue中,组件以非大写字母开头,就像html标记一样,即使您将其作为文档导入,也应该将其作为文档使用,请尝试使用

<document>


Hi您并没有设置组件的
name
——比如
name:'Document',
尝试将
console.log(this.$options.components)
放在
data
函数中检查注册了哪些组件。乍一看,它似乎注册正确,但检查该对象可能有助于确认这里发生了什么。@当我尝试记录itI时,我可以看到CompStepR1,这是为了让您将记录放在另一个组件的
数据
函数中。查看
文档
是否在该对象中。不一定,请参阅