码迷,mamicode.com
首页 > 其他好文 > 详细

vue表单域修饰符

时间:2020-04-05 15:49:12      阅读:66      评论:0      收藏:0      [点我收藏+]

标签:切换   htm   NPU   时间   highlight   rip   空格   put   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表单域修饰符

标签:切换   htm   NPU   时间   highlight   rip   空格   put   vue   

原文地址:https://www.cnblogs.com/Alisa-k/p/12637167.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!