微信小程序之vant组件的双向绑定bug

目的:
将输入文本从控制台输出
错误代码:
wxml中:

请添加图片描述

	js中:

在这里插入图片描述

小程序界面:输入username:344

在这里插入图片描述

控制台输出:是空的!!

在这里插入图片描述

(但是当我把这个表单关闭,再次打开时,用户名还是344,所以说明数据是有传给js的,但是js中的函数获取用户名时却是空,很纳闷。感觉是v-model=“username"错了,但是vant4官网是这么写的!!但是我又试了vant2官网的写法,是model:value=”{{ username}}"也不行!!很欠~

解决方法

我已经在这个上面花费了两个小时了***
后面突然想到去翻微信官方文档中数据双向绑定的写法:
在这里插入图片描述

修改代码:
在这里插入图片描述

可以了!!还是官方文档靠谱!!

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值