//父组件
<div class="container">
<div id="cloudMap"></div>
<!--空间查询-->
<map-tool-component :config="config"/>
</div>
setup() {
let config = new MapConfig();
provide("mapTool", config);
}
//子组件接收
export default {
name: "map-tool-component",
setup(){
let mapTool = inject("mapTool");
console.log(mapTool)
}
}
vue3使用provide实现父组件给子组件传递参数
最新推荐文章于 2024-11-01 13:37:40 发布
该文章展示了在Vue.js应用中,父组件如何通过`provide`将`MapConfig`对象提供给子组件,子组件则使用`inject`来接收并使用这个配置进行地图查询功能。`mapTool`是配置在父组件中的关键对象,它被用于在子组件中实现具体的功能。
摘要由CSDN通过智能技术生成