千萬里不及你
2023-06-15 10:26:46
我正在嘗試將組件本身與 Nuxt.js 組件一起使用,但在使用中出現(xiàn)此錯誤:[Vue 警告]:未知自定義元素:- 您是否正確注冊了組件?對于遞歸組件,請確保提供“名稱”選項。我的代碼看起來像這樣components/MyComponent.vue<template><div> <h1>{{ a.content }}</h1> <MyComponent :child="a.child" /></div></template><script>export default { data() { return { a : {}, } }, mounted() { axios.get('/api/blah/') .then((res) => { this.a = res.data; }) .catch((err) => { console.error(err); }); }}</script>類似的代碼適用于帶有 vue.js 的原始單頁 html 頁面,不確定在此處使用之前如何命名組件。我如何讓它工作?
1 回答

慕虎7371278
TA貢獻1802條經(jīng)驗 獲得超4個贊
您應(yīng)該為您的組件提供一個名稱以便遞歸地重用它,但您應(yīng)該控制渲染以避免無限循環(huán):
<template>
<div>
<h1>{{ a.content }}</h1>
<MyComponent :child="a.child" />
</div>
</template>
<script>
export default {
name:"MyComponent",
props:['child'],
data() {
return {
a : {},
}
},
mounted() {
axios.get('/api/blah/')
.then((res) =>
{
this.a = res.data;
})
.catch((err) =>
{
console.error(err);
});
}
}
</script>
添加回答
舉報
0/150
提交
取消