7.双向绑定指令 v-model
创始人
2024-06-02 19:17:19
0次
双向绑定指令可以让我们不用刻意去获取表单数据的时候，显示表单数据
目录
1 简单使用
2 v-model与v-bind:value
3 只有表单元素才能使用v-model
4 修饰符
4.1 .number
4.2 .trim
4.3 .lazy
4.4 修饰符可以同时使用
1 简单使用
打开后是这样的
当我们在input中输入的时候，“用户名是:”后面的文字会随之改变
下面的select也是一样
初始状态的内容也会被填入表单中
重新打开页面后是下面这样的
2 v-model与v-bind:value
修改v-model的表单会修改数据源，修改v-bind:value的表单不会修改数据源
打开后是这样的
当我们修改v-model的input的时候，会修改数据，数据会影响v-bind:value
但修改v-bind:value并不会影响数据
3 只有表单元素才能使用v-model
其他元素使用v-model，不会渲染出v-model指定的内容，并且会出warning
4 修饰符
有三个常用的修饰符
- .number 自动将用户的输入值转为数值类型
- .trim 自动删去用户输入的首位空白字符
- .lazy 表单失去焦点的时候才会更新数据，而不是每进行改动后就更新
我们每个都简单用一下
4.1 .number
我们先看没使用的情况
没使用的时候，username这个变量的类型是字符串
下面再看使用的情况
使用.number后，username这个变量类型为数字
4.2 .trim
没使用的情况
使用的情况
敲空格并不会影响数据，所以当input失去焦点的时候，数据又会重新渲染到input上，所以input失去焦点后也不会显示空格
4.3 .lazy
不使用的时候
每次在表单中输入后都会更新数据
使用的时候
表单失去焦点后，数据更新
4.4 修饰符可以同时使用
我现在按两次空格，再输入123
然后令input失去焦点
相关内容
热门资讯
安卓系统文件解压缩,轻松掌握文...
你有没有遇到过这种情况：手机里下载了一大堆安卓系统文件，但是不知道怎么解压缩呢？别急，今天就来给你详...
安卓系统有深夜模式吗,揭秘深夜...
安卓系统有深夜模式吗？夜幕降临，手机屏幕的亮光在黑暗中显得格外刺眼。你是否有过这样的困扰：深夜时分，...
安卓系统a收音机,尽享无线音域
你有没有想过，在安卓手机上，除了刷剧、聊天、玩游戏，还能干点啥？今天，就让我带你一探究竟，看看安卓系...
安卓怎么退回老系统,安卓系统升...
手机用久了，是不是觉得新系统越来越卡，老系统那个熟悉的感觉又回来了？别急，今天就来教你怎么把安卓手机...
安卓系统44限制吗
最近你的安卓手机是不是突然感觉有点儿“力不从心”了呢？别急，让我来给你揭秘一下安卓系统44的限制之谜...
闪回门店系统安卓版,焕新零售体...
你有没有想过，那些曾经陪伴我们度过无数美好时光的门店，现在是不是还留在你的记忆里呢？今天，就让我带你...
安卓系统和windows同步,...
你有没有发现，手机里的照片、文档、音乐，还有那些重要的联系人信息，有时候真是让人头疼，因为它们都分散...
安卓系统在哪儿开源,从诞生到全...
你有没有想过，安卓系统这个我们每天不离手的家伙，它到底是从哪儿来的呢？没错，就是开源！今天，就让我带...
三星安卓系统711,探索创新与...
你有没有发现，最近手机圈里又掀起了一股热潮？没错，就是三星的新款手机，搭载的安卓系统7.1.1。这可...
安卓系统应用无法启动,探究无法...
手机里的安卓系统应用突然打不开，是不是让你心头一紧？别急，今天就来给你详细解析一下这个问题，让你轻松...
安卓主题仿苹果系统吗,探索苹果...
你有没有发现，最近手机界又掀起了一股风潮？那就是安卓手机上的主题设计，竟然开始模仿苹果系统的风格了！...
安卓系统盒马餐饮熟食,安卓系统...
你有没有发现，现在的生活越来越离不开手机了？尤其是安卓系统，几乎成了我们生活中不可或缺的一部分。这不...
thinkpad8安卓双系统,...
你有没有想过，一台笔记本电脑既能满足你工作时的严谨需求，又能让你在闲暇时刻畅游安卓世界？今天，就让我...
想看安卓系统u青年影院,U青年...
亲爱的读者们，你是否也和我一样，对安卓系统的电影应用充满了好奇？今天，就让我带你一起探索一个特别的地...
安卓系统王者荣耀更新慢,探究原...
最近你是不是也遇到了这个问题？每次打开王者荣耀，总是慢吞吞的，让人等得心痒痒。安卓系统的王者荣耀更新...
安卓系统怎么装ios系统软件,...
你是不是也和我一样，对安卓系统上的iOS软件垂涎欲滴呢？想象在安卓手机上流畅运行《王者荣耀》或者《原...
蓝牙系统和安卓哪个好使,谁更胜...
蓝牙系统和安卓哪个好使？这个问题，相信不少手机用户都曾纠结过。蓝牙系统，作为无线通信技术的一种，让我...
安卓系统停用怎么回事
最近你的安卓手机是不是突然有点儿“闹脾气”了？屏幕上突然弹出一个通知，告诉你安卓系统要停用了？别急，...
安卓系统照片怎么发视频
你是不是也和我一样，手机里存了好多珍贵的照片，突然想和朋友们分享一段美好的回忆呢？别急，今天就来教你...
永远会用安卓系统的手机
亲爱的手机控们，你是否也有那么一款手机，它陪伴你度过了无数个日夜，成为了你生活中不可或缺的一部分？没...