input获取输入框内容以及事件传值篇(微信小程序)

收藏

html

<view>
  <view>
  <input type="text" value="{{myText}}" bindinput="bindViewTap"/>
  <button bindtap="getUserProfile">add</button>
  </view>
  <view wx:for="{{list}}" wx:key="index">
  //----------传值-----------------------------------------------------------------------------------------------------
  <button bindtap="delectItem" data-myid="{{index}}">获取</button>
  {{item}}
  </view>
</view>

js

// index.js

// 获取应用实例

Page({
  data: {
    myText:'',
    list:[]
  },
  // 事件处理函数
  //---------获取输入框的值---------------------------------
  bindViewTap(evt) {
    this.setData({
      myText:evt.detail.value
    })
  },
  onLoad() {
  },
  getUserProfile() {
    this.setData({
      list:[...this.data.list,this.data.myText],
      myText:''
    })
  },
  //--------传值-------------------------------------------------------------------------------------------------------------------------
  delectItem(evt){
    console.log(evt.target.dataset.myid)
  },
  getUserInfo(e) {
  }
})


评论(

您还未登录,请先去登录
表情
查看更多

相关作者

  • 获取点赞0
  • 文章阅读量264

相关文章

联系小鹿线

咨询老师

咨询老师

扫码下载APP