vue3使用element-plus中el-table組件報(bào)錯(cuò)關(guān)鍵字'emitsOptions'與'insertBefore'分析
最近用vue3在做一個(gè)項(xiàng)目的時(shí)候，使用了element-plus中的組件el-table，在本地運(yùn)行的時(shí)候一點(diǎn)錯(cuò)誤也沒有，但是打包后放到線上環(huán)境就開始報(bào)錯(cuò)。TypeError: Cannot read properties of null (reading 'insertBefore')和TypeError: Cannot read properties of null (reading 'emitsOptions')
這種報(bào)錯(cuò)可能存在三種情況。
然后查看代碼的時(shí)候，我這邊應(yīng)該是第三種情況，改過之后就好啦，非常硬氣的告訴測(cè)試小姐姐，不用測(cè)了直接上。
| 情景 | 解釋 | 解決方案 |
| ① v-if 導(dǎo)致 | 在 v-if 值為 false 時(shí)，如果操作了 v-if 控制的 DOM，可能會(huì)因?yàn)樵?DOM 元素不存在而報(bào)錯(cuò)。 | v-show 替換 v-if |
| ② el-dialog 組件導(dǎo)致 | 默認(rèn)彈框是關(guān)閉的，DOM中沒有彈框中的內(nèi)容。打開彈框再關(guān)閉后，彈框中的 DOM 元素沒有被銷毀，可能會(huì)因?yàn)椴辉摯嬖诘?DOM 元素而報(bào)錯(cuò)（我的報(bào)錯(cuò)就是由此導(dǎo)致）。 | 給 el-dialog 組件增加 destroy-on-close 屬性 |
| ③ el-table 組件導(dǎo)致 | el-table-column渲染時(shí)報(bào)錯(cuò)，若 scope.row.xx（xx為任意字段值）不存在，對(duì)其直接執(zhí)行 length、toString() 等方法而報(bào)錯(cuò)。 | scope.row.xx?.length |
總結(jié)
到此這篇關(guān)于vue3使用element-plus中el-table組件報(bào)錯(cuò)關(guān)鍵字'emitsOptions'與'insertBefore'分析的文章就介紹到這了,更多相關(guān)vue3 element-plus el-table組件報(bào)錯(cuò)內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
unplugin-auto-import與unplugin-vue-components安裝問題解析
這篇文章主要為大家介紹了unplugin-auto-import與unplugin-vue-components問題解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-02-02
Vue中data傳遞函數(shù)、props接收函數(shù)及slot傳參的使用及說明
這篇文章主要介紹了Vue中data傳遞函數(shù)、props接收函數(shù)及slot傳參的使用及說明，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-10-10
這篇文章主要為大家詳細(xì)介紹了Vue方法與事件處理器，,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-12-12
Vue 刷新當(dāng)前路由的實(shí)現(xiàn)代碼
這篇文章主要介紹了Vue 刷新當(dāng)前路由的實(shí)現(xiàn)代碼，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-09-09
這篇文章主要為大家介紹了vue篇之事件總線EventBus使用示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-09-09
Vue 2.5 Level E 發(fā)布了： 新功能特性一覽
很高興Vue 2.5 Level E 發(fā)布了。在這篇文章中，我們將重點(diǎn)介紹一些更重要的的變化：更好的 TypeScript 集成，更好的錯(cuò)誤處理，更好地支持單文件組件中的函數(shù)式組件以及與環(huán)境無關(guān)的服務(wù)端渲染2017-10-10
模板內(nèi)的表達(dá)式非常便利，但是設(shè)計(jì)它們的初衷是用于簡(jiǎn)單運(yùn)算的。接下來通過本文給大家介紹vue中的計(jì)算屬性,需要的朋友可以參考下2018-09-09
Vuex實(shí)現(xiàn)簡(jiǎn)單購(gòu)物車
這篇文章主要為大家詳細(xì)介紹了Vuex實(shí)現(xiàn)簡(jiǎn)單購(gòu)物車，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-01-01
vue使用swiper實(shí)現(xiàn)左右滑動(dòng)切換圖片
這篇文章主要為大家詳細(xì)介紹了vue使用swiper實(shí)現(xiàn)左右滑動(dòng)切換圖片，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-10-10
無論是小型項(xiàng)目還是中大型項(xiàng)目，Vue-Router都是必選的一個(gè)組件，Vue-Router提供了便捷的方式進(jìn)行路由跳轉(zhuǎn)，在使用過程中有一些坑，希望能給在編碼找不到問題時(shí)的碼農(nóng)提供一點(diǎn)靈感2022-06-06