新增完成后關(guān)閉窗口

我們發(fā)現(xiàn)有一個問題：新增不管成功還是失敗，窗口都一致在這里，不會關(guān)閉。

這樣很不友好，我們希望如果新增失敗，窗口保持；但是新增成功，窗口關(guān)閉才對。

?

因此，我們需要在新增的ajax請求完成以后，關(guān)閉窗口

但問題在于，控制窗口是否顯示的標(biāo)記在父組件：MyBrand.vue中。子組件如何才能操作父組件的屬性？或者告訴父組件該關(guān)閉窗口了？

?

之前我們講過一個父子組件的通信，有印象嗎？

• 第一步：在父組件中定義一個函數(shù)，用來關(guān)閉窗口，不過之前已經(jīng)定義過了。父組件在使用子組件時，綁定事件，關(guān)聯(lián)到這個函數(shù)：Brand.vue

<!--對話框的內(nèi)容，表單--> <v-card-text class="px-5" style="height:400px"><brand-form @close="closeWindow" :oldBrand="oldBrand" :isEdit="isEdit"/> </v-card-text>

第二步，子組件通過this.$emit調(diào)用父組件的函數(shù)：BrandForm.vue

測試一下，保存成功：

我們優(yōu)化一下，關(guān)閉的同時重新加載數(shù)據(jù)：

closeWindow(){// 關(guān)閉窗口this.show = false;// 重新加載數(shù)據(jù)this.getDataFromServer(); }

?

總結(jié)

以上是生活随笔為你收集整理的品牌新增小结的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。