//xxx.wxml
<view class='ad-preview-comment'>{{adTitle}}</view>
<input placeholder='让我来告诉你'
bindinput="adInputChange" value=''></input>
分析:标签绑定属性为 bindinput="adInputChange"
然后我们通过回调参数envet就可以拿到参数了
//xxx.js
const app =getApp()
// pages/demo/demo.js
Page({
/**
* 页面的初始数据
*/
data: {
adTitle: '你的需求',
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
},
//输入框的事件
adInputChange: function (e) { //通过回调参数e,里面对象detail中的value就是我们输入的值
let that = this;
if (e.detail.value.length < 1) {
that.setData({
adTitle: '广告描述',
})
} else {
that.setData({
adTitle: e.detail.value,
})
}
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})
网友评论