如何通过验证创建多个 v-model 绑定？

Question

从文档中，我可以通过这样做 multiple v-model bindings：

<script setup>
defineProps({
  firstName: String,
  lastName: String
})

defineEmits(['update:firstName', 'update:lastName']) // array syntax
</script>

但是，我想validate my events with the object syntax而不是这里显示的数组语法。

但是名称有 update: 前缀，冒号不允许我使用对象语法。还有其他方法可以实现吗？

Answer 1

对象语法中的键可以是strings。

以下应该有效：

defineEmits({
  'update:firstName': (val: string) => true,
  'update:lastName': (val:string) => true,
})

如何通过验证创建多个 v-model 绑定？

How to create multiple v-model bindings with validation?

vuejs3