<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>vue</title>
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.21/dist/vue.js"></script>
</head>
<body>
<div id="app">
<input type="text" v-model.lazy="name">
//v-model.trim 去掉空格
//v-model.number 去掉空格 不用number会变成字符串'10' 用了变成数字10
{{name}}
</div>
<script src="app.js"></script>
</body>
</html>
var app = new Vue({
el:'#app',
data:{
name:'liuwei',
price:10,
},
methods:{
}
});
v-model 修饰符：
v-model 修饰符 .lazy.number.trim .sync 修饰符 .native修饰符 事件修饰符 ...
与事件的修饰符类似，v-model也有修饰符，用于控制数据同步的时机 .lazy 在输入框中，在v-model后面...
与 Vue事件修饰符 类似，v-model也有修饰符，用于控制数据同步。 案例
一：表单修饰符（v-model） number 修饰符 number修饰符作用是尝试将输入的内容转化为Number...
在使用v-model绑定单行文本框时，还能用以下修饰符来实现某些需求 v-model的常用修饰符有以下几种 laz...
vue //v-model.trim 去掉空格 //v-model....
v-model 有 lazy 修饰符的话，则通过如下调用：
与事件的修饰符类似，v-model也有修饰符，用于控制数据同步的时机 .lazy： 这时 message 并不是实...
大纲 1、v-model2、使用实例3、值绑定4、修饰符 1、v-model 你可以用 v-model 指令在表单...
本文标题：2019-01-12 v-model 修饰符
本文链接：https://www.haomeiwen.com/subject/eizcdqtx.html
网友评论