vue表单域修饰符
Posted alisa-k
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vue表单域修饰符相关的知识，希望对你有一定的参考价值。
number：转化为数值
<input type="text" v-model.number="age">
<script src="../js/vue.js"></script>
<script>
var vm = new Vue({
el: ‘#app‘,
data: {
age: ‘‘
}
})
</script>
trim：去掉开始和结尾的空格
<input type="text" v-model.trim="msg">
<script src="../js/vue.js"></script>
<script>
var vm = new Vue({
el: ‘#app‘,
data: {
msg: ‘li‘
}
})
</script>
lazy：将input时间切换为change事件（表单失去焦点后触发）
<input type="text" v-model.lazy="msg">
<script src="../js/vue.js"></script>
<script>
var vm = new Vue({
el: ‘#app‘,
data: {
msg: ‘li‘
}
})
</script>
以上是关于vue表单域修饰符的主要内容，如果未能解决你的问题，请参考以下文章
Vue 时间修饰符之使用$event和prevent修饰符操作表单