vue3 defineEmits ‘update:‘的使用

最新推荐文章于 2025-04-17 18:27:42 发布

zongfunday

最新推荐文章于 2025-04-17 18:27:42 发布

阅读量2.1k

点赞数 5

CC 4.0 BY-SA版权

文章标签： vue.js 前端 javascript

本文链接：https://blog.youkuaiyun.com/u014788505/article/details/133172977

本文讲述了在Vue应用中，如何使用`emits`和`defineEmits`来实现父子组件之间的数据传递和事件通知，特别关注了`update:value`和`notify`事件在权限控制和功能升级场景中的应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//父级

<father v-model:value="chainType" :options="options" @notify="notify" :supportedOptions="supportedOptions" />




//子
//加update: 把父级的值处理成方法 
//与之对应notify 就是走正常的事件传参
const emit = defineEmits(['update:value', 'notify'])

emit('notify', '暂无权限使用该链数据，升级会员后解锁')

emit('update:value', item.value)  //使用函数的形式改变父级的value值