>[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)