以下是.wxml代码
使用bindinput绑定input事件
<view>
动态绑定
</view>
<input type="text" bindinput="inputHandle" />
<view>
您输入的内容是:{{inputText}}
</view>
以下.js代码
// pages/tetx/tetx.js
Page({
/**
* 页面的初始数据
*/
data: {
inputText:"",
},
inputHandle(e){
this.setData({
inputText:e.detail.value
})
},
/**
* 生命周期函数--监听页面加载
*/
onLoad(options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady() {
},
/**
* 生命周期函数--监听页面显示
*/
onShow() {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide() {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload() {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh() {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom() {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage() {
}
})
以下是.wxss代码
input{
width: 100%;
height: 100rpx;
border: 2rpx solid;
}