Vue子組件關(guān)閉后調(diào)用刷新父組件的實現(xiàn)
更新時間：2023年03月27日 10:24:11 作者：半度納
這篇文章主要介紹了Vue子組件關(guān)閉后調(diào)用刷新父組件的實現(xiàn)方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
實現(xiàn)效果
調(diào)用方法
當(dāng)在子組件里更改了某些信息且關(guān)閉子組件后，需要父組件更新修改后的內(nèi)容，操作如下：
1、$emit觸發(fā)
父組件 @update="update(val)"
子組件 this.$emit('update', newVal)2、使用$parent觸發(fā)父組件
更新數(shù)據(jù)是由某個方法觸發(fā)，如getList()
子組件 this.$parent.getList()
常見問題
在開發(fā) Vue 項目中，遇到了一個這樣的問題：
其中UI框架使用的是iview UI , 在子組件中利用 this.$parent.getList() 調(diào)用父組件中的 getList() 方法, 發(fā)現(xiàn)調(diào)用不到該方法, 然后通過 this.$parent.$parent.getList() 就可以調(diào)用到。
總結(jié)
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
父子組件通訊是指在前端開發(fā)的組件化架構(gòu)中,父組件與子組件之間互相傳遞數(shù)據(jù)和觸發(fā)功能的一種機制,這種機制使得組件能夠保持獨立性的同時,也能協(xié)同工作,本文給大家介紹了Vue父子組件通訊的四種方法,需要的朋友可以參考下2024-07-07
這篇文章主要介紹了vue中實現(xiàn)子組件接收父組件方法并獲取返回值方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-08-08
本文給大家?guī)韮煞N方法實現(xiàn)vue2.0 自定義日期時間過濾器，需要的的朋友參考下吧2017-06-06
Vue+element使用row-class-name修改el-table某一行解決背景色無效的方法
本文主要介紹了Vue+element使用row-class-name修改el-table某一行解決背景色無效的方法，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-01-01
本文主要介紹了vue中傳參params和data的區(qū)別，文中通過示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-04-04
這篇文章主要給大家介紹了基于Vue3+Ts實現(xiàn)父子組件間傳值的兩種方式,使用v-model+emit傳值和使用v-bind+emit傳值兩種方式,文章通過代碼示例介紹的非常詳細,感興趣的同學(xué)可以參考閱讀2023-09-09
證件圖片識別上傳根據(jù)業(yè)務(wù)需要，經(jīng)常涉及到證件上傳，例如身份證上傳、銀行卡、營業(yè)執(zhí)照等信息，根據(jù)設(shè)計師的設(shè)計，單獨封裝了一個上傳組件，這篇文章主要介紹了vue3?證件識別上傳組件封裝,需要的朋友可以參考下2023-05-05
Vue項目中,.env文件是運行項目時的環(huán)境配置文件,但是在實際開發(fā)過程中,有本地開發(fā)環(huán)境、測試環(huán)境、生產(chǎn)環(huán)境等,不同環(huán)境對應(yīng)的配置會不一樣,本文給大家介紹了Vue項目中env文件的作用和配置,需要的朋友可以參考下2024-12-12
Vue3響應(yīng)式對象是如何實現(xiàn)的(1)
這篇文章主要介紹了Vue3響應(yīng)式對象是如何實現(xiàn)的，文章圍繞主題展開詳細的內(nèi)容介紹具有一定的參考價值，需要的小伙伴可以參考一下2022-08-08
vue或react項目生產(chǎn)環(huán)境去掉console.log的操作
這篇文章主要介紹了vue或react項目生產(chǎn)環(huán)境去掉console.log的操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-09-09