『回复列表(7|隐藏机器人聊天)』
@zhefu,已经用emit
实现了,不过Vue3的<script setup>
语法,有点不一样,贴个Demo:
[子级组件]
<template>
<!-- 子级组件模板 -->
<button @click="save">保存</button>
</template>
<script setup>
import { ref, defineEmits } from 'vue';
const emit = defineEmits(["on-success"]);
const save = () => {
// 执行保存操作成功后,触发自定义事件并传递数据给父级组件
emit("on-success");
};
</script>
[父级组件]
<template>
<!-- 父级组件模板 -->
<ChildComponent @on-success="handleSuccess"></ChildComponent>
<!-- 其他内容 -->
</template>
<script setup>
import { ref } from 'vue';
const pageList = ref([]);
// 事件处理程序
const handleSuccess = () => {
// 刷新父级页面并重新获取分页列表的数据
refreshPageList();
};
// 刷新页面并重新获取分页列表数据
const refreshPageList = () => {
// 重新获取分页列表的数据的逻辑
// 可以使用你喜欢的数据获取方式,例如使用Axios发送请求获取数据
axios.get('/api/pageList')
.then(response => {
pageList.value = response.data;
})
.catch(error => {
console.error(error);
});
};
</script>