用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

微客吧 首页 教程 微信小程序 新手教程 查看内容

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

纸飞机 2018-3-8 09:34

作者:JoyJin,来自授权地址 wxml: js://点击清空电话号码 icon:function(e){ var that = this; var index = e.currentTarget.dataset.index; var list = that.data.phoneList; list.p ...

作者:JoyJin,来自

授权地址


wxml:

  1. class="btns" wx:for="{{phoneList}}" wx:key="id">
  2. bindinput="writeNumber" type="number" value="{{item.phone}}" class="btn1" maxlength="11" placeholder="请输入电话号码" data-index="{{index}}"/>
  3. src="../Image/detele1.png" class="icon1" bindtap="icon" data-index="{{index}}">

js:

  1. //点击清空电话号码
  2. icon:function(e){
  3. var that = this;
  4. var index = e.currentTarget.dataset.index;
  5. var list = that.data.phoneList;
  6. list[index].phone = '';
  7. that.setData({
  8. phoneList: that.data.phoneList
  9. })
  10. },

点击发送清空input值:

  1. bindreset="cleanInput">
  2. type="text" placeholder="输入新消息" bindinput="bindMessage">
  3. bindtap="sendMessage" formType="reset">发送
  1. Page({
  2. data: {
  3. sendInfo: '',
  4. userMessage: ''
  5. },
  6. bindMessage: function(e) {
  7. this.setData({
  8. userMessage: e.detail.value
  9. })
  10. },
  11. cleanInput: function() {
  12. var setMessage = { sendInfo: this.data.userMessage }
  13. this.setData(setMessage)
  14. }
  15. })
鲜花
鲜花
握手
握手
雷人
雷人
路过
路过
鸡蛋
鸡蛋
分享至 : QQ空间
收藏