vue <AddDialog>子组件调用结束后父组件调用查询方法
时间: 2023-06-21 14:10:18 浏览: 131
你不知道的Vue技巧之--开发一个可以通过方法调用的组件(推荐)
在Vue中,子组件调用父组件的方法可以通过自定义事件来实现。具体步骤如下:
1. 在父组件中定义一个查询方法,例如`queryData()`。
2. 在父组件中引入子组件,并在模板中使用子组件。同时,给子组件绑定一个自定义事件,例如`@added="queryData"`。
```
<template>
<div>
<add-dialog @added="queryData"></add-dialog>
</div>
</template>
```
3. 在子组件中,当添加完成后,使用`$emit`方法触发父组件的自定义事件。
```
<script>
export default {
methods: {
addData() {
// 添加数据
// ...
this.$emit('added'); // 触发父组件的自定义事件
}
}
}
</script>
```
这样,当子组件添加完成后,就会自动触发父组件的查询方法。
阅读全文