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