<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style type="text/css">
.textcolor{
color:aquamarine;
}
.textsize{
font-size: 50px;
}
</style>
<script src="https://unpkg.com/vue/dist/vue.js"></script>
</head>
<body>
<div id="vueApp">
<h1>Vue.js表单修饰符</h1>
<h4>v-model.lazy="obj" 当修改完成之后才更新绑定的对象obj</h4>
<div >{{input_1}}</div>
<input v-model.lazy="input_1">
<h4>v-model.number.number="obj" 将用户输入的内容转换为数值,输入为非数值时返回假</h4>
<div >{{input_2}}</div>
<input v-model.number="input_2">
<h4>v-model.trim="obj" 将用户输入内容去掉前面与后面的空格</h4>
<div >{{input_3}}</div>
<input v-model.trim="input_3">
</div>
</body>
<script>
let vueApp=new Vue({
el:"#vueApp",
data:{
input_1:"",
input_2:"",
input_3:""
},
}
);
</script>
</html>
08-09
08-09