请问 vue 的 defineEmits 类型如何使用动态键名

enum BaseEvent {
  CLICK = 'click'
}

interface CustomEvent{
  [BaseEvent.CLICK]:string
}

defineEmits<EmitEvents>()

上面这种写法 @vue/compiler-sfc 会报 Unsupported computed key in type referenced by a macro ，应该怎么写才对？谢谢。

换个思路，事件是双参数，第一个参数是你真的事件名字，后面是 args

应该实现不了，defineXxxx 是编译器宏，会在编译阶段把 setup/props/emits/model 等展开转换成更低级的写法，如果是 TypeScript ，会在这个阶段进行类型检查并生成对应的运行时值。 为了能在编译阶段做这件事，类型必须是静态的(虽然后面开始支持泛型了)，不然编译器毛都找不到怎么给你转换成运行时值。 另外建议不要在 Typescritp 用 enum ，绝大多数场景 'a' | 'b' | 'c' 比 enum BaseEvent { a = 'a', b = 'b', c = 'c', } 更好，还省去了一堆 import 枚举唯一的好处就是改名不用重构，但这玩意谁没事会去改，经手过几个项目都是枚举用得飞起，我自己写的就完全不用。 又试了下 type Test = 'a' | 'b' | 'c' type CustomEvent = { [K in Test]: string } defineEmits() 这样写是不会有警告的，说明编译器在编译阶段确实拿到了三个字面量，顺利生成代码。不过我懒得检查是否功能正常了，我不会写这种玩意，而且 eslint 会警告要改成 Record ，Record 写法无法通过编译。

ts 配置现代搞得一点，启用 erasableSyntaxOnly 。不用 enum 就没问题了