湖南省军区强军网网站群建设项目6,用wordpress做博客,游戏开发大亨内购破解版,邵武网站建设lazy 修饰符#xff1a;将 v-model 改为失去焦点后更新数据。
number 修饰符#xff1a;将 v-model 数据转为数字类型。
trim 修饰符#xff1a;去除 v-model 数据中的首尾空格。 语法格式#xff1a;
// lazy 修饰符
input v-model.lazy数据
// nu…lazy 修饰符将 v-model 改为失去焦点后更新数据。
number 修饰符将 v-model 数据转为数字类型。
trim 修饰符去除 v-model 数据中的首尾空格。 语法格式
// lazy 修饰符
input v-model.lazy数据
// number 修饰符
input v-model.number数据
// trim 修饰符
input v-model.trim数据lazy 修饰符
templateh3lazy 修饰符/h3input typetel v-model.lazytelp数据{{ tel }}/p
/templatescript setup
import { ref } from vue;
let tel ref(155);
/script注v-model 默认是 input 事件添加 lazy 修饰符后就会变成 change 事件只有失去焦点时才能同步数据。 number 修饰符
templateh3number 修饰符/h3input typetel v-model.numbertelp数据{{ tel }}/p
/templatescript setup
import { ref } from vue;
let tel ref(155);
/script注相当于给 v-model 添加了一个 parseFloat 方法将用户输入的内容转为数字类型。 trim 修饰符
templateh3trim 修饰符/h3input typetel v-model.trimtelp数据{{ tel }}/p
/templatescript setup
import { ref } from vue;
let tel ref(15503931234);
/script注只能去除首部和尾部的空格不能去除内容中间的空格。
原创作者吴小糖
创作时间2023.12.13
