elementui之el-tebs瀏覽器卡死的問題和使用報(bào)錯(cuò)未注冊(cè)問題
elementui之新版本組件使用報(bào)錯(cuò)未注冊(cè)問題
現(xiàn)在elementui已經(jīng)更新到2.10.1也新加了一些組件,也給我們帶來了很多的方便,再此非常感謝elementui,但是在有些版本中有些組件,應(yīng)該是不太兼容,不知道大家有沒有遇到過,下面我說下我遇到的兩個(gè)小問題
我們習(xí)慣開發(fā)的時(shí)候看的文檔都是最新的文檔,當(dāng)你去使用一些組件例如,無限滾動(dòng),日歷這些,可能會(huì)遇到未注冊(cè)的報(bào)錯(cuò)

報(bào)錯(cuò)是未注冊(cè)這個(gè)組件,原因是你的elementui版本太低小于2.8.0,那個(gè)時(shí)候還沒有這些組件,所以你去更新下elementui的版本即可:步奏如下
1.卸載原來的版本
npm uninstall element-ui或者cnpm uninstall element-ui -S

可以看到package.json 里element-ui沒有了
2.重裝
npm i element-ui -S
或者安裝想要的版本
cnpm i element-ui@2.10.0 -S 我這里裝的是2.10.0(個(gè)人推薦)
3.重新
npm install npm run dev
elementui之el-tebs瀏覽器卡死的問題
當(dāng)有些時(shí)候升級(jí)到某個(gè)版本之后,新的組件是可以正常使用,但發(fā)現(xiàn)以前使用的el-tebs的頁面會(huì)出現(xiàn)白屏卡死的問題,我也在百度上看到過一些,有的說外層套上layout
<el-row> <el-col :span="24"><div class="grid-content bg-purple-dark"> <el-tabs v-model="activeName" @tab-click="handleClick"> <el-tab-pane label="用戶管理" name="first">用戶管理</el-tab-pane> <el-tab-pane label="配置管理" name="second">配置管理</el-tab-pane> </el-tabs> </div></el-col> </el-row>
然后我試了下,還是不行,最后還是換了幾個(gè)版本試了一下,最后我用了2.10.0版本的,一切問題都沒了,但奇怪的是我換了個(gè)項(xiàng)目用的還是這個(gè)版本然后試了一下,又出現(xiàn)了卡死的問題,最后那個(gè)項(xiàng)目換了個(gè)2.6.3的版本,正常運(yùn)行。
總結(jié):1.先檢查下自己的項(xiàng)目是不是代碼寫的有問題,2.試下外面嵌套幾層標(biāo)簽,3.換個(gè)版本
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
Vue使用ElemenUI對(duì)table的指定列進(jìn)行合算的方法
這篇文章主要介紹了Vue使用ElemenUI對(duì)table的指定列進(jìn)行合算的方法,本文結(jié)合實(shí)例代碼給大家介紹的非常詳細(xì),需要的朋友可以參考下2023-03-03
從Vue到Postman全面驗(yàn)證API接口跨域問題解決
我們都知道跨域是同源策略導(dǎo)致的,域名不同、協(xié)議不同、端口號(hào)不同任意一種情況都會(huì)導(dǎo)致跨域,這篇文章主要介紹了從Vue到Postman全面驗(yàn)證API接口跨域問題,需要的朋友可以參考下2024-08-08
ant design中upload組件上傳大文件,顯示進(jìn)度條進(jìn)度的實(shí)例
這篇文章主要介紹了ant design中upload組件上傳大文件,顯示進(jìn)度條進(jìn)度的實(shí)例,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2020-10-10

