<!DOCTYPE HTML>
<html lang= 'en'>
<head>
<meta charset = 'UTF-8'/>
</head>
<body>
<div id = 'box'>
<!--.lazy使v-model变懒-->
<input type = 'text' v-model.lazy = 'mytext'/>
{
{
mytext}}
<input type = 'text' v-model.number = 'mynumber'/>
{
{
mynumber}}
<!--.trim去掉首尾空格-->
<input type = 'text' v-model.trim = 'mytrim'/>
|{
{
mytrim}}|
</div>
<script src = 'https://cdn.jsdelivr.net/npm/vue/dist/vue.js'></script>
<script>
var vm = new Vue({
el:'#box',
data:{
mytext:'',
mynumber:0,
mytrim:'',
},
});
</script>
</body>
</html>
vue中表单修饰符
猜你喜欢
转载自blog.csdn.net/weixin_48727085/article/details/108558427
今日推荐
周排行