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