使用得vue3中defineEmit函数
在 Vue 3 的 Composition API 中,
defineEmits
是一个函数,用于在 setup 函数中明确地声明一个组件可以触发的自定义事件。这有助于提供更好的类型检查和更清晰的组件接口。当你使用 Vue 3 的
语法糖时,
defineEmits
尤其有用,因为它可以与 TypeScript 一起使用,以提供类型化的事件发射。
现实中得例子
父级页面代码
>搜索 >
>重置 >
>新增 >
详情
编辑
v-model="dialogVisibleService"
:title="text"
width="40%"
align-center
destroy-on-close
@close="handleClose"
>
ref="service"
:model="serviceForm"
:rules="rules"
label-width="100px"
>
<imageCut
v-model="serviceForm.avatar"
:fixedNumber="[86, 114]"
:disabled="disabled1"
@getlist="getListData($event)"
@send="sendData"
>
v-model="serviceForm.name"
:disabled="disabled1"
/>
v-model="serviceForm.jobTitle"
:disabled="disabled1"
/>
v-model="serviceForm.idCard"
:disabled="disabled1"
/>
v-model="serviceForm.area"
placeholder="请选择地区"
:disabled="disabled1"
style="width: 100%;"
>
v-for="area in cityOptions"
:key="area.value"
:label="area.value"
:value="area.value"
/>