vue3项目中父子相传

最新推荐文章于 2024-07-30 16:49:30 发布

噜噜雯雯

最新推荐文章于 2024-07-30 16:49:30 发布

阅读量394

点赞数 9

文章标签：前端 javascript vue.js

本文链接：https://blog.csdn.net/2301_76315784/article/details/135192176

版权

vue3中的props与context

子传父（子组件向父组件中传递数据）

子组件

const emit = defineEmits();
//左侧边栏选择站点
function ChooseSite(marker: MarkerEntity, index: number) {
  emit("site", marker);
}

父组件

<script setup lang="ts">
import SideSearch from "@/components/SideSearch.vue";
function site(site){
  console.log(site);
}
</script>
<template>
  <main>
    <SideSearch @site="site"></SideSearch>
    <div class="DataShow">
    </div>
  </main>
</template>