检查是否使用“v-Modifier.Modifier”(修饰符)

Question

有一种方法可以知道何时使用v.？

<component v-model.number="value" />

component.vue

...
onMounted(() => {
  if (props.modelValue.isUsingModifierNumber()){
    console.log('Yes')
  }
})
...

Answer 1

在Vue 3中，v-model修饰符作为modelModifiers支柱传递-参见文档

1. 在组件上定义一个支柱

props: {
    modelValue: Number,
    modelModifiers: {
      type: Object,
      default: () => ({})
    }
  }

1. 测试

created() {
  if(this.modelModifiers.number) 
  {
    // ....
  }
}