: Elemen tersuai tidak diketahui: <cc-text-area> - Adakah anda mendaftarkan komponen dengan betul?
P粉717595985
P粉717595985 2023-08-30 23:38:03
0
2
618
<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>
P粉717595985
P粉717595985

membalas semua(2)
P粉198814372

Semak sama ada nama fail dan nama komponen sepadan.

Jika anda menggunakan 从“./TextInput.vue”导入 TextInput,那么还要确保为您的组件命名,并且可以选择添加 name sifat dalam komponen ikut cadangan dalam ulasan.

// TextInput.vue (not InputText.vue)

export default {
  name: 'TextInput',
  
  ...
}
P粉930534280

Saya menyelesaikan masalah ini. Terima kasih semua atas bantuan anda. Masalahnya ialah dengan tag skrip penutup dalam komponen CardFront.vue.

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan