vue打开子组件弹窗都刷新功能的实现

vue打开子组件弹窗都刷新功能的实现打开子组件弹窗都刷新功能的实现

主要介绍了vue打开子组件弹窗都刷新功能的实现,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的

朋友可以参考下

vue如何一打开子组件弹窗都刷新？

在父页面中给子组件同时绑定:visible.sync和v-if

:visible.sync="paramAddDialog" v-if="paramAddDialog"

整体代码：

<el-dialog title="绑定其他更多的账户" width="1200px" align="center" :visible.sync="paramAddDialog" v-if="paramAddDialog">

父组件

<template>

<div>

<el-button @click="show">按钮</el-button>

<!-- 新增编辑弹框子组件 -->

<add-or-update :addOrUpdateVisible="addOrUpdateVisible" @changeShow="showAddOrUpdate" ref="addOrUpdateRef"></add-or-update>

</div>

</template>

<script>

addOrUpdateVisible: false

}

},

// 使用子组件

components:{

AddOrUpdate

},

methods:{

// 按钮点击事件 显示新增编辑弹窗组件