文章目录
- 引言
- I Vue3.4 的用法
-
- 解构 defineModel() 的返回值,在子组件中访问添加v-model修饰符
- 基于修饰符选择性地调节值的读取和写入方式
- 带参数的 v-model 修饰符
- II Vue3.4 之前的用法
-
- 原理
- 带参数的 v-model 修饰符
- 例子
引言
v-model
有一些内置的修饰符,例如 .trim
,.number
和 .lazy
。
在某些场景下,你可能想要一个自定义组件的 v-model
支持自定义的修饰符。
例如创建一个自定义的修饰符 capitalize
,它会自动将 v-model
绑定输入的字符串值第一个字母转为大写:
javascript"><MyComponent v-model.capitalize="myText" />