做海报的高清模板的网站,诛仙3官方网站做花灯答案,征二级网站建设意见 通知,公众号开发实践 pdf举例说明了vue开发中#xff0c;一个子组件需要响应另一个子组件事件的方法。
1自定义事件
显示声明事件
//.vue
script setupdefineEmits([search, cancel])
/script使用方法1#xff1a;在js代码中
function buttonClick() {emit(search)
}使用方法2一个子组件需要响应另一个子组件事件的方法。
1自定义事件
显示声明事件
//.vue
script setupdefineEmits([search, cancel])
/script使用方法1在js代码中
function buttonClick() {emit(search)
}使用方法2在html中
el-button click$emit(search)应用/el-button2调用子组件中的方法
script setup标签中的变量和方法默认是私有属性 访问子组件的方法为
子组件声明对外接口
//子组件
script setup
function search() {console.log(search)
}function clearSearch() {}defineExpose({search,clearSearch
})
/script父组件通过appref调用子组件方法
//父组件.vue
templateFilter idfilter searchsearch/FilterApp classcontent idapp refappref/App
/templatescript setup langtsx
import { ref } from vue;
import App from ../app/App.vue;
const appref ref()function search(val: object) {appref.value.search()
}
/script
