養(yǎng)成整理代碼的好習慣,就不會有這么多的提示報錯信息了。

控制臺報錯信息1
1、看到類似提示,use prop default value instead...
翻譯:數(shù)據(jù)屬性“dialogForm”已經(jīng)被聲明為一個道具。 改用道具默認值。
解決:去掉data方法里面定義的dialogForm,父組件傳遞過來的變量,屬性,方法等,
props的訪問優(yōu)先級 > data中的優(yōu)先級 > menthods中的優(yōu)先級
prop里面有的,無須在data再定義一個默認值。

控制臺報錯信息1
2、遇到接口訪問正常,打印有值,但是會報undefined
解決:a、加個if判斷條件,有數(shù)據(jù)就渲染,為真時,顯示。(指前面的實體是否存在)
? ? ? ? ? ?b、和接口返回的字段對應一下,是不是單詞寫錯了。
3、遇到打開子組件彈窗,進行一番修改提交審核等操作,此時關(guān)閉需要刷新列表
解決:父組件<ChildModal? @onRefresh="getList"></ChildModal>
getList{....列表接口方法}
子組件:submit(){....關(guān)閉彈窗,this.close(),調(diào)用父組件方法this.$emit("onRefresh")