欢迎来到258分享网,纯净的网络源码分享基地!

258资源分享网

全部作品
全部作品
网站源码
微信源码
素材特效
源码插件
视频教程
建站学院
热门搜索: 织梦  农业种植  农业  安全设置  官方
258资源分享 > 建站学院 > 微信开发 > 微信小程序问题汇总及详解《五》点击发送清空input值

推荐下载

HTML5响应式自适应网咯设计

2020-05-12   浏览:789

HTML5自适应律师工作室类网

2020-04-04   浏览:654

高端HTML5响应式企业通用网

2020-05-06   浏览:560

html5响应式外贸网站英文版

2020-05-08   浏览:545

HTML5影视传媒文化公司类网

2020-05-12   浏览:543

微信小程序问题汇总及详解《五》点击发送清空input值

发布时间:2020-11-29  

<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=http://www.yiyongtong.com/archives/"../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 }

this.setData(setMessage)