微信小程序input双向绑定
2019-03-08 本文已影响0人
Gaochengxin
首先给标题绑定一个变量,给input绑定一个 bindinput 事件,WXML代码如下:
<view class='ad-preview-comment'>{{adTitle}}</view>
<input placeholder='一句话介绍你的广告'
bindinput="adInputChange" value=''></input>
JS部分:input输入内容改变,将 input 的值 e.detail.value 赋给
变量 adTitle
Page({
data: {
adTitle: '广告描述',
},
adInputChange: function(e) {
let that = this;
if (e.detail.value.length < 1) {
that.setData({
adTitle: '广告描述',
})
} else {
that.setData({
adTitle: e.detail.value,
})
}
},
})