: Elemen tersuai tidak diketahui: <cc-text-area> - Adakah anda mendaftarkan komponen dengan betul?
P粉717595985
2023-08-30 23:38:03
<p>我正在制作一个组件InputText.vue,如下所示:</p>
<pre class="brush:php;toolbar:false;"><template>
<div class="baris">
<div class="col-sm-12">
<div class="kumpulan bentuk">
<h4>Edit Teks:</h4>
<textarea class="kawalan bentuk" cols="50" baris="4" pemegang tempat="Masukkan teks di sini..." v-model="textBoxInput" @keyup="textChanged"></textarea>
</div>
</div>
</div>
</template>
<skrip>
eksport lalai{
data: function(){
kembali {
textBoxInput: ""
}
},
kaedah: {
textChanged: function(){
this.$emit('displayTextChanged', this.textBoxInput);
}
}
}
</script></pre>
<p>然后我在 CardFront.vue 组件中注册并使用它,如下所示:</p>
<pre class="brush:php;toolbar:false;"><style>
.edit-area {
padding: 20px;
ketinggian: 800px;
warna latar belakang: #d2f9f9;
}
.card-display {
padding: 20px;
ketinggian: 800px;
}
</style>
<template>
<div class="baris">
<div class="kawasan edit col-sm-6 kad">
<cc-text-area></cc-text-area>
</div>
<div class="kad col-sm-6 card-display">
</div>
</div>
</template>
<skrip>
import TextInput daripada './TextInput.vue'
eksport lalai{
komponen: {
ccTextArea: TextInput
}
}
<skrip></pre>
<p>它给出了这个错误:
错误</p>
& lt;组件,请确保提供“名称”选项。</p>
Semak sama ada nama fail dan nama komponen sepadan.
Jika anda menggunakan
从“./TextInput.vue”导入 TextInput
,那么还要确保为您的组件命名,并且可以选择添加name
sifat dalam komponen ikut cadangan dalam ulasan.Saya menyelesaikan masalah ini. Terima kasih semua atas bantuan anda. Masalahnya ialah dengan tag skrip penutup dalam komponen CardFront.vue.