当子组件修改完参数,父组件里的表格并不会主动更新,可以向父组件发送一个修改完成信号,当父组件接收到时,更新表格。
father.vue
<template>
<!-- 弹框 -->
<Frame @conNo="clickEven" />
</template>
<script setup>
//接受参数
const clickEven = (val) => {
if (val.content == 'transmission') {
//getData()//重新获取一遍数据
}
}
</script>
son.vue
<script setup>
import { defineEmits } from 'vue';
//发送信息(当修改完成时,向父组件传递一个信号)
const emit = defineEmits(['conNo'])
//点击修改按钮传值
const conModify = () =>{
//当修改完成时
let param = {
content: 'transmission'
}
emit('conNo', param)//传递参数给父组件
}
</script>