v-model修饰符 .lazy .number .trim

nikogran

已于 2024-07-17 18:21:03 修改

阅读量364

点赞数 5

文章标签： vue.js

于 2024-06-16 19:19:51 首次发布

本文链接：https://blog.csdn.net/wssen321/article/details/139724822

版权

1、v-model.lazy=“xxx”

默认情况下，v-model它是在每次输入数据时触发input事件来更新数据的

使用 .lazy 修饰符后，当改变数据失去焦点-触发change事件来进行更新数据

2、v-model.number="xxx"

它会自动将输入的值自动转成number 类型（可以通过parseFloat转成数值，则会自动转，转不成功的返回原始：asdf123）

会自动开启 type=number 类型

如果输入的值是数字开头，会舍弃非数字后面的值

比如: 123aaaa123,转成的值为123

3、v-model.trim 去除左右空格

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>v-model修饰符 .lazy .number .trim</title>
</head>
<body>
<!--
1、v-model.lazy=“xxx”
默认情况下，v-model它是在每次输入数据时触发input事件来更新数据的
使用 .lazy 修饰符后，当改变数据失去