Vue 教程(十四)v-model 修饰符
v-model 修饰符
- v-model.lazy:默认情况下, v-model 獸默认是在 input 事件中同步输入框的数据的。
也就是说,一旦有数据发生改变对应的 data 中的数据就会自动发生改变。 - v-model.number:默认情况下,在输入框中无论我们输入的是字母还是数字,都会被当做字符串类型进行处理。
但是如果我们希望处理的是数字类型,那么最好直接将内容当做数字处理。
number 修饰符可以让在输入框中输入的内容自动转成数字类型。 - v-model.trim:如果输入的内容首尾有很多空格,通常我们希望将其去除
trim 修饰符可以过滤内容左右两边的空格
随堂笔记
<!DOCTYPE html>
<html lang="en">
<html>
<head>
<meta charset="UTF-8" />
<title>v-model修饰符</title>
<script src