解決vue組件沒(méi)顯示,沒(méi)起作用,沒(méi)報(bào)錯(cuò),但該顯示的組件沒(méi)顯示問(wèn)題
這里面我們需要注意一個(gè)問(wèn)題,就是 template (將要渲染的HTML)必須是包含在一個(gè)標(biāo)簽里面的,這個(gè)和react 比較像,是個(gè)小坑,所以他沒(méi)有報(bào)錯(cuò);

最外層加個(gè)標(biāo)簽包起來(lái)就行
補(bǔ)充知識(shí):vue自定義組件無(wú)法渲染的可能原因
1、組件最外層需要Vue實(shí)例包裹
2、組件名不支持駝峰命名,建議采用-分隔 如:myTabButton 改為 my-tab-button
以上這篇解決vue組件沒(méi)顯示,沒(méi)起作用,沒(méi)報(bào)錯(cuò),但該顯示的組件沒(méi)顯示問(wèn)題就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
vue開(kāi)發(fā)中如何在js文件里使用pinia和組件同步
在JavaScript文件中封裝涉及到使用Pinia的方法時(shí),發(fā)現(xiàn)Pinia和組件內(nèi)容并不同步,二者的狀態(tài)是獨(dú)立的,解決辦法是,在新建對(duì)象的時(shí)候,將Pinia作為參數(shù)傳入,本文給大家介紹vue開(kāi)發(fā)中如何在js文件里使用pinia和組件同步,感興趣的朋友一起看看吧2024-10-10
Vue @click.stop阻止事件向祖先元素傳遞方式(事件冒泡)
在Vue中,使用@click.stop修飾符可以阻止事件向父級(jí)元素傳遞,從而實(shí)現(xiàn)單擊父級(jí)元素執(zhí)行函數(shù),而單擊子元素不執(zhí)行函數(shù)的需求2025-02-02
關(guān)于vue中根據(jù)用戶權(quán)限動(dòng)態(tài)添加路由的問(wèn)題
每次路由發(fā)生變化時(shí)都需要調(diào)用一次路由守衛(wèi),并且store中的數(shù)據(jù)會(huì)在每次刷新的時(shí)候清空,因此需要判斷store中是否有添加的動(dòng)態(tài)路由,本文給大家分享vue中根據(jù)用戶權(quán)限動(dòng)態(tài)添加路由的問(wèn)題,感興趣的朋友一起看看吧2021-11-11
Vue升級(jí)帶來(lái)的elementui沖突警告:Invalid prop: custom va
在頁(yè)面渲染的時(shí)候,控制臺(tái)彈出大量警告,嚴(yán)重影響控制臺(tái)的信息獲取功能,但是頁(yè)面基本能正常顯示,這是因?yàn)閂ue升級(jí)帶來(lái)的elementui沖突警告: Invalid prop: custom validator check failed for prop “type“.的解決方案,本文給大家介紹了詳細(xì)的解決方案2025-04-04
關(guān)于引入vue.js 文件的知識(shí)點(diǎn)總結(jié)
在本篇文章里小編給大家分享的是關(guān)于引入vue.js 文件的知識(shí)點(diǎn)總結(jié),有需要的朋友們可以參考學(xué)習(xí)下。2020-01-01
vue-cli+webpack記事本項(xiàng)目創(chuàng)建
這篇文章主要為大家詳細(xì)介紹了vue-cli+webpack創(chuàng)建記事本項(xiàng)目,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-04-04

