vue input笔录

胖子liu

于 2019-09-27 16:26:05 发布

阅读量194

点赞数

分类专栏： vue 文章标签： vue input

本文链接：https://blog.youkuaiyun.com/LiuPangZi6/article/details/101541967

版权

vue 专栏收录该内容

11 篇文章

订阅专栏

v-model.lazy：
输入时不会更改，光标离开时才更改
v-model.trim：
去掉前后空格
v-model.number：
输入的要为数字

    <!-- 输入时不会更改，光标离开时才更改 -->
    <input v-model.lazy='username' />{{username}}
</div>
<div>
    <!-- 去掉前后空格 -->
    <input v-model.trim='username' />{{username}}
</div>
<div>
    <DIV>我儿子的年龄：<input v-model='sonAge' />{{age}}</DIV>
    <!-- 输入的要为数字 -->
    <DIV>我儿子的年龄：<input v-model.number='sonAge' />{{age}}</DIV>
</div>
<div>
    我的年龄: {{sonAge+28}}
</div>