Javascript [Vue warn]:未知的自定义元素:<;文件>;
我正在尝试在Vuejs中创建一个组件,用户将在其中输入他/她的组织并将该数据传递到我的视图文件 但我得到的是: [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>
<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,这是为了让您将记录放在另一个组件的数据
函数中。查看文档
是否在该对象中。不一定,请参阅