微信小程序问题汇总及详解《五》点击发送清空input，微信如何添加小程序

<view class="btns" wx:for="{{phoneList}}" wx:key="id">

<input bindinput="writeNumber" type="number" value="{{item.phone}}" class="btn1" maxlength="11" placeholder="请输入电话号码" data-index="{{index}}"/>

</view>

js:

//点击清空电话号码

icon:function(e){

var that = this;

var index = e.currentTarget.dataset.index;

var list = that.data.phoneList;

list[index].phone = '';

that.setData({

phoneList: that.data.phoneList

})

},

点击发送清空input值：

<form bindreset="cleanInput">

<input type="text" placeholder="输入新消息" bindinput="bindMessage"></input>

<button bindtap="sendMessage" formType="reset">发送 </button>

</form>

Page({

data: {

sendInfo: '',

userMessage: ''

},

bindMessage: function(e) {

this.setData({

userMessage: e.detail.value

})

},

cleanInput: function() {

var setMessage = { sendInfo: this.data.userMessage }

this.setData(setMessage)

<view class="btns" wx:for="{{phoneList}}" wx:key="id">

<input bindinput="writeNumber" type="number" value="{{item.phone}}" class="btn1" maxlength="11" placeholder="请输入电话号码" data-index="{{index}}"/>

<image src="../Image/detele1.png" class="icon1" bindtap="icon" data-index="{{index}}"></image>

</view>

js:

//点击清空电话号码

icon:function(e){

var that = this;

var index = e.currentTarget.dataset.index;

var list = that.data.phoneList;

list[index].phone = '';

that.setData({

phoneList: that.data.phoneList

})

},

点击发送清空input值：

<form bindreset="cleanInput">

<input type="text" placeholder="输入新消息" bindinput="bindMessage"></input>

<button bindtap="sendMessage" formType="reset">发送 </button>

</form>

Page({

data: {

sendInfo: '',

userMessage: ''

},

bindMessage: function(e) {

this.setData({

userMessage: e.detail.value

})

},

cleanInput: function() {

var setMessage = { sendInfo: this.data.userMessage }

标签： gtltvarinput