父组件中的代码(我是用element写的页面)
<el-button type="primary" size="small" class="search" @click="getList">查询</el-button>
//methods方法中需要写
methods: {
getList() {
console.log("父组件的内容")
}
}
子组件中的代码
<el-button type="primary" size="small" @click="conform">确 定</el-button>
//methods方法中需要写
methods: {
conform(){
this.$parent.getHostListData()
}
}
点击子组件的确定按钮,就能获取到父组件的查询方法,就能打印出 “父组件的内容” 文字啦