小程序如何通过点击事件获取input中的内容

时间:2024-01-31 10:22:24

小程序通过点击事件获取input中的内容

前端wxml

<input class="input-search" bindconfirm="search" placeholder="请输入您要查询的单词" type="text" name="dt" bindinput="set"/>
绑定bindinput;实时获取input中的内容,类似于前端中的ajax
<button class="btn-search"  bindtap="search" ></button>

js

set: function (e) {
   this.setData({
   name: e.detail.value
   })
//可以实时打印name的值
   console.log(this.data.name)
},
//点击事件即获取name的值
search: function(e) {
   console.log(this.data.name)
   let content = this.data.name
}