小程序怎么使用input中实时输入值?

  • 回答 (0)
  • 关注 (0)
  • 查看 (33)

新手,请教问题。其中js代码中this.data.inputidcard换成具体的值,能查询集合的数据。请各位大侠看看是什么问题。

js代码:

const app = getApp();

// 获取云数据库引用

const db = wx.cloud.database();

const admin = db.collection('chengji');

Page({

data: {

//定义一个数据,主要是放集合结果的

ne: [],

inputidcard: ''

},

onLoad: function (options) {

var that = this;

// 调用login云函数获取openid

const db = wx.cloud.database({

//这个是环境ID不是环境名称

env: 'XXXXXX'

})

},

queryData: function () {

var that = this;

// 根据记录ID搜索数据集

admin.where({ idcard:'this.data.inputidcard'}).get({

//如果查询成功的话

success: res => {

//这一步很重要,给ne赋值,没有这一步的话,前台就不会显示值

that.setData({

ne: res.data

})

},

fail: function (res) {

wx.showModal({

title: '错误',

content: '没有找到记录',

showCancel: false

})

}

})

},

inputIdcard: function (event) {

this.setData({

inputidcard:event.detail.value

})

}

})

wxml代码:

<view class="main-body">

<view class="option" >

<view class='wrapper'>

<view class='top'>

<image mode='widthFix' src='/images/bottom12313.png'></image>

<view>

<i-input value='{{inputidcard}}' bind:change='inputIdcard' maxlength="18" title="身份证号" autofocus placeholder="请输入身份证号码" />

<i-button bindtap='queryData' type="primary">查 询 成 绩</i-button>

</view>

</view>

<view class="hs20"></view>

<view>

<view class="list-title-left">姓名:</view>

<view class="list-title-right" wx:for='{{ne}}' wx:key='key'>

<text space='nbsp'>{{item.name}}</text>

</view>

<view class="clear"></view>

</view>

<view class="hs20"></view>

<view>

<view class="list-title-left">班级:</view>

<view class="list-title-right" wx:for='{{ne}}' wx:key='key'>

<text space='nbsp'>{{item.class}}</text>

</view>

<view class="clear"></view>

</view>

<view class="hs20"></view>

<view>

<view class="list-title-left">时间:</view>

<view class="list-title-right" wx:for='{{ne}}' wx:key='key'>

<text space='nbsp'>{{item.year}}</text>

</view>

<view class="clear"></view>

</view>

<view class="hs20"></view>

<view>

<view class="list-title-left">色彩:</view>

<view class="list-title-right" wx:for='{{ne}}' wx:key='key'>

<text space='nbsp'>{{item.sc}}</text>

</view>

<view class="clear"></view>

</view>

<view class="hs20"></view>

<view>

<view class="list-title-left">素描:</view>

<view class="list-title-right" wx:for='{{ne}}' wx:key='key'>

<text space='nbsp'>{{item.sm}}</text>

</view>

<view class="clear"></view>

</view>

<view class="hs20"></view>

<view>

<view class="list-title-left">速写:</view>

<view class="list-title-right" wx:for='{{ne}}' wx:key='key'>

<text space='nbsp'>{{item.sx}}</text>

</view>

<view class="clear"></view>

</view>

<view class='footer'>XXX·Art.Exam</view>

</view>

</view>

</view>

用户6277373用户6277373提问于

扫码关注云+社区

领取腾讯云代金券