vue組件引用另一個組件出現(xiàn)組件不顯示的問題及解決
組件引用另一個組件出現(xiàn)組件不顯示
下載的一個vue構(gòu)建的后臺管理系統(tǒng)，導(dǎo)航欄是一個側(cè)邊欄，想在頭部里面加一個導(dǎo)航
先是導(dǎo)入要使用的組件
import Hamburger from '@/components/Hamburger' import Nav from '@/components/Nav/index.vue' //自己新建的
然后在 components 里面寫入該組件
components: {
Hamburger,
Nav //自己定義的
}最后在模板 tamplete 中使用
<template>
<div class="navbar">
<breadcrumb class="breadcrumb-container" />
<nav />
</div>
</template> 但是在檢查頁面的時候發(fā)現(xiàn) 頁面里面并沒有顯示 Nav/index.vue 里面的內(nèi)容
然后在cmd上面發(fā)現(xiàn)報錯，說Nav已定義 未使用
Module Warning (from ./node_modules/eslint-loader/index.js):
error: The "Nav" component has been registered but not used (vue/no-unused-components) at src\layout\components\Navbar.vue:44:5:
43 | Hamburger,
> 44 | Nav
| ^
45 | },
又試了半天也不知問題出在哪里，然后想著首字母大寫有沒有，就試了一下，發(fā)現(xiàn)居然顯示了
但是其他的組件都是小寫的就可以，不知道為什么
vue聲明了一個組件,但是沒有顯示
聲明了一個組件，但是頁面不顯示，原來問題出在這。套
原來我們需要先聲明一個Vue的實例，以及把我們自定義的組件放在標簽里面。
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
Vue中傳遞自定義參數(shù)到后端、后端獲取數(shù)據(jù)并使用Map接收參數(shù)
有些傳遞的參數(shù)是直接拼接到URL地址欄中的、但是為了統(tǒng)一管理、不能將傳遞的參數(shù)直接拼接到地址欄中，接下來通過本文給大家介紹Vue中傳遞自定義參數(shù)到后端、后端獲取數(shù)據(jù)并使用Map接收參數(shù)，感興趣的朋友一起看看吧2022-10-10
vue項目動態(tài)設(shè)置頁面title及是否緩存頁面的問題
這篇文章主要介紹了vue項目動態(tài)設(shè)置頁面title及是否緩存頁面的問題，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-11-11
這篇文章主要介紹了Vue3組件的開發(fā)，上一篇文章我們價紹了Vue3（三）網(wǎng)站首頁布局開發(fā)，今天繼續(xù)上篇內(nèi)容展開組件的開發(fā),需要的朋友可以參考一下2021-11-11
Vue封裝組件利器之$attrs、$listeners的使用
vue通信手段有很多種,props/emit、vuex、event bus、provide/inject等,還有一種通信方式,那就是$attrs和$listeners,下面這篇文章主要給大家介紹了關(guān)于Vue封裝組件利器之$attrs、$listeners使用的相關(guān)資料,需要的朋友可以參考下2021-12-12
這篇文章主要介紹了vue props數(shù)據(jù)傳遞類型限制方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-10-10
VUE實現(xiàn)分布式醫(yī)療掛號系統(tǒng)預(yù)約掛號首頁步驟詳情
這篇文章主要為大家介紹了VUE實現(xiàn)分布式醫(yī)療掛號系統(tǒng)預(yù)約掛號首頁步驟詳情，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-04-04
vue學習筆記之vue1.0和vue2.0的區(qū)別介紹
今天我們來說一說vue1.0和vue2.0的主要變化有哪些？對vue相關(guān)知識感興趣的朋友一起學習吧2017-05-05
這篇文章主要介紹了vue + elementUI 表單嵌套驗證,本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值，需要的朋友可以參考下2019-11-11
這篇文章主要介紹了vue高級組件之provide與inject使用及說明，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-04-04
ElementUI 是一套ui組件庫，目前最新版本 react 和 vue 等主流框架都有支持。該庫默認主題色是天藍色，若用于項目開發(fā)，難免遇到要需求修改其默認樣式的情況，這篇文章主要介紹了ElementUI如何修改el-cascader的默認樣式,需要的朋友可以參考下2023-12-12