<template>
??? ?<div>
?<el-button @click="$refs.editform.dialogFormVisible = true" >編輯用戶</el-button>
?<editform ?@fevent="update_table" ref="editform">
?</editform>
??? ?</div>
?</template>

<script>
import editform from './editform.vue'
export default {
? components: {
? ? editform
? },
? methods: {
? ? update_table () {
? ? ? console.log('列表框被刷新了')
? ? }
? }
}
</script>

子窗口代碼

<template>
? ??? ?<el-dialog title="編輯用戶" ?:visible.sync="dialogFormVisible">
? ??? ??? ?<el-button @click="delete_user">刪除用戶</el-button>
?? ?</el-dialog>
</template>

<script>
export default {
? data () {
? ? return {
? ? ? dialogFormVisible: false
? ? }
? },
? methods: {
? ? delete_user () {
? ? ??? ?this.$emit('fevent')
? ? ??? ?this.$message.success('刪除成功')
? ? ??? ?this.dialogFormVisible = false
? ? }
? }
}
</script>

附加上自己的業(yè)務(wù)代碼，即可實(shí)現(xiàn)列表自動(dòng)刷新

關(guān)閉打開的窗口后刷新父頁面

背景：在做頁面的過程中需要在頁面列表里面添加數(shù)據(jù)，但是添加之后需要手動(dòng)刷新頁面才會(huì)出現(xiàn)添加的數(shù)據(jù)。

解決辦法

可在添加成功之后添加代碼

parent.location.reload();

以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

解決v-model雙向綁定失效的問題
這篇文章主要介紹了解決v-model雙向綁定失效的問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2023-04-04
Vue使用ajax(axios)請(qǐng)求后臺(tái)數(shù)據(jù)的方法教程
在vue中經(jīng)常會(huì)用到數(shù)據(jù)請(qǐng)求,下面這篇文章主要給大家介紹了關(guān)于Vue使用ajax(axios)請(qǐng)求后臺(tái)數(shù)據(jù)的方法教程,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
2022-11-11
Vue中在setup下如何使用自定義指令
這篇文章主要介紹了Vue中在setup下如何使用自定義指令，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2022-07-07
Vue3中使用Pinia修改State的五種方式
這篇文章主要介紹了Vue3中使用Pinia修改State的五種方式,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),感興趣的朋友一起看看吧
2023-11-11
vue基于better-scroll仿京東分類列表
這篇文章主要為大家詳細(xì)介紹了vue基于better-scroll仿京東分類列表，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-06-06
Vue全局自定義指令Modal拖拽的實(shí)踐
最近一直在做的項(xiàng)目是Vue2搭建的項(xiàng)目，本文主要介紹了Vue全局自定義指令Modal拖拽的實(shí)踐，文中通過示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-09-09
vue配置nprogress實(shí)現(xiàn)頁面頂部進(jìn)度條
這篇文章主要為大家詳細(xì)介紹了vue配置nprogress實(shí)現(xiàn)頁面頂部進(jìn)度條，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2019-09-09
vue 如何實(shí)現(xiàn)表單校驗(yàn)
這篇文章主要介紹的是vue 如何實(shí)現(xiàn)表單校驗(yàn)的方法，又代碼詳細(xì)解說，感興趣的小伙伴可以參考下面文章的具體內(nèi)容
2021-09-09
vue npm install 安裝某個(gè)指定的版本操作
這篇文章主要介紹了vue npm install 安裝某個(gè)指定的版本操作，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
2020-08-08
使用Elemen加上lang=“ts“后編譯報(bào)錯(cuò)
本文主要介紹了使用Elemen加上lang=“ts“后編譯報(bào)錯(cuò)，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2023-04-04