Vue爬坑之v-model和v-bind(二)-白红宇的个人博客

Vue爬坑之v-model和v-bind(二)

发布日期：2021-05-07 01:05:14 浏览次数：10 分类：技术文章

本文共 344 字，大约阅读时间需要 1 分钟。

在做表单验证功能的时候，发现验证不成功

已经输入用户名了还提示写用户名，但是提示没输入，说明没有获取到表单输入的数据

经排查发现是又把v-model和:model弄混淆了

v-model用于双向数据绑定，不会向子组件传递数据

:model是v-bind:model的缩写，是绑定自定义属性，它将父组件的数据传递给子组件

所以在上述代码的表单里：

v-model="loginForm"是双向数据绑定，并没有给子组件传递数据，所以下面的v-model="loginForm.uername"就获取不到loginForm

这样改一下就可以了：

上一篇：Vue爬坑之imported multiple times

下一篇：[HDU6333]Problem B. Harvest of Apples

关于作者

喝酒易醉，品茶养心，人生如梦，品茶悟道，何以解忧？唯有杜康！

-- 愿君每日到此一游！

BootstrapValidator手动触发部分验证 2019-03-04

vue调试工具vue-devtools安装及使用 2019-03-04

CSS总结div中的内容垂直居中的四种方法 2019-03-04

[BZOJ4878]挑战NP-Hard 2019-03-04

vue指令之v-for 2019-03-04

[CF1278F]Cards 2019-03-04

jQuery实现无刷新切换主题皮肤功能 2019-03-04

[CF932E]Team Work 2019-03-04

用postman测试url参数 2019-03-04

Random IS 2019-03-04

Vue的is属性 2019-03-04

Vue爬坑之v-model和v-bind(二) 2019-03-04

神犇和蒟蒻 2019-03-04

js基础复习5-原型链与js的成员查找机制 2019-03-04

js基础复习8-call方法简单使用以及javascript继承 2019-03-04

【游记】被吊打DAY2 2019-03-04

微信公众号开发之素材管理 2019-03-04

mysql limit 1 (报错信息：Subquery returns more than 1 row) 2019-03-04

白红宇的个人博客 - 记录点点滴滴的事 - 您是第 453548991 位访客