vue中表单修饰符

最新推荐文章于 2024-07-04 14:48:00 发布

源@

最新推荐文章于 2024-07-04 14:48:00 发布

阅读量149

点赞数

文章标签： vue

本文链接：https://blog.csdn.net/weixin_48727085/article/details/108558427

版权

<!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>