小程序:model:value不生效
程序 value model 生效
2023-09-11 14:19:17 时间
wxml
<view class="input-form">
<image style="width:48rpx;height:48rpx;margin-top:20rpx;" src="/images/icon-header.png"></image>
<input type="text" class="weui-input" model:value="{{realName}}" placeholder="请输入姓名"/>
</view>
<button class="face-act" wx:if="{{!hasVerify}}" bindtap="checkUserFacticity">提交</button>
js
data: {
realName: '',
},
async checkUserFacticity() {
console.log("realname:"+this.data.realName)
if (!this.checkIdname(this.data.realName)) {
wx.showToast({
title: "请输入正确名字",
icon: "none",
mask: true
});
return;
}
问题:从input输入栏输入内容,js中获取不到,打印为空。
原因:暂不明确
解决方案:
wxml 中,input 添加响应事件 bindinput=“realnameInput”
<view class="input-form">
<image style="width:48rpx;height:48rpx;margin-top:20rpx;" src="/images/icon-header.png"></image>
<input type="text" class="weui-input" model:value="{{realName}}" bindinput="realnameInput" placeholder="请输入姓名"/>
</view>
<button class="face-act" wx:if="{{!hasVerify}}" bindtap="checkUserFacticity">提交</button>
js 中,添加事件 realnameInput(e){}
data: {
realName: '',
},
realnameInput(e){
const {value}= e.detail;
//console.log(value);
this.setData({
realName:value
})
},
async checkUserFacticity() {
console.log("realname:"+this.data.realName)
if (!this.checkIdname(this.data.realName)) {
wx.showToast({
title: "请输入正确名字",
icon: "none",
mask: true
});
return;
}
相关文章
- ubuntu16 64位 编译64位程序和32位程序
- 程序人生:新媒体运营毅然转行测试涨薪3k,我的入行秘籍是什么...
- 程序启动读取和关闭时保存应用程序设置(QSettings)
- 认识WebStorm-小程序框架wepy
- 微信小程序我的界面
- Xamarin XAML语言教程Xamarin.Forms中程序状态与进度(一)
- 【XML和Java】手写Java程序引用xsd验证xml
- 微信小程序转发朋友与分享朋友圈
- 微信小程序 rich-text使用正则去除html中img标签中的css样式
- 小程序map地图上显示多个marker
- Java实现微信小程序文本安全内容检测
- MapReduce 编程 系列七 MapReduce程序日志查看
- Java //SR2.37 假设在程序中已经创建了一个Scanner类的对象myScanner和一个整型变量value,请编写程序提示用户输入他们的年龄,并将输入值存放到value变量中。