目的:
将输入文本从控制台输出
错误代码:
wxml中:
![请添加图片描述](https://img-blog.csdnimg.cn/83a573f57f0f498793005761bc9883c7.png)
js中:
![在这里插入图片描述](https://img-blog.csdnimg.cn/427012be3a4f4a939e5238db751da61c.png)
小程序界面:输入username:344
![在这里插入图片描述](https://img-blog.csdnimg.cn/496dffaae8d94a99accb0057ea20ecde.png)
控制台输出:是空的!!
![在这里插入图片描述](https://img-blog.csdnimg.cn/70dec78141a9481c8f548785805938bf.png)
(但是当我把这个表单关闭,再次打开时,用户名还是344,所以说明数据是有传给js的,但是js中的函数获取用户名时却是空,很纳闷。感觉是v-model=“username"错了,但是vant4官网是这么写的!!但是我又试了vant2官网的写法,是model:value=”{{ username}}"也不行!!很欠~
解决方法
我已经在这个上面花费了两个小时了***
后面突然想到去翻微信官方文档中数据双向绑定的写法:
![在这里插入图片描述](https://img-blog.csdnimg.cn/618e812f63734341a4b0c24c24e725a4.png)
修改代码:
![在这里插入图片描述](https://img-blog.csdnimg.cn/7e3d3022084b451899b423befd553a98.png)
可以了!!还是官方文档靠谱!!