Vue v-model修饰符使用（八）

最新推荐文章于 2024-05-01 11:45:00 发布

Java语录精选

最新推荐文章于 2024-05-01 11:45:00 发布

阅读量109

点赞数

文章标签： vue html

本文链接：https://blog.csdn.net/weixin_44716935/article/details/112727226

版权

Vue 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

1.v-model.lazy
平时model造成时实更新数据，可以使用lazy点击其它或快捷键提交到后台
2.v-model.number
v-model输入的值默认是字符串，使用number转数子
3.v-model.taim
去除空格

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>
<body>
<div id="app" v-cloak>
    <input type="text" v-model.lazy="message">
    <h1>点击其它或回车提交数据：{{message}}</h1>

    <input type="text" v-model.number="age">
    <h1>字符串转数子类型：{{age}}</h1>

    <input type="text" v-model="name">
    <h1>输入数据去除空格：{{name}}</h1>
</div>
</body>
<script>
    const app = new Vue({
        el: '#app',
        data: {
            message: '',
            age:0,
            name:'',
        }
    })
</script>
</html>

在这里插入图片描述

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Java语录精选

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
Vue v-model修饰符使用（八）

1.v-model.lazy平时model造成时实更新数据，可以使用lazy点击其它或快捷键提交到后台2.v-model.numberv-model输入的值默认是字符串，使用number转数子3.v-model.taim去除空格<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <
复制链接

扫一扫