>[success] # 自定义修饰符 1. 在使用组件`v-model` 时候也可以自定义修饰符，想访问到自定义修饰符需要在子组件内部声明`modelModifiers`这个 `prop`，**它的默认值是一个空对象** ~~~ <script> export default { props: { modelValue: String, modelModifiers: { default: () => ({}) } }, emits: ['update:modelValue'], methods: { emitValue(e) { let value = e.target.value if (this.modelModifiers.capitalize) { value = value.charAt(0).toUpperCase() + value.slice(1) } this.$emit('update:modelValue', value) } } } </script> <template> <input type="text" :value="modelValue" @input="emitValue" /> </template> ~~~ >[info] ## 官方 [处理 v-model 修饰符](https://cn.vuejs.org/guide/components/events.html#usage-with-v-model)