微信小程序input标签的一些小功能 笔记

<view> 
  <view >
    <!-- 搜索框 -->
    <input  type="text"   placeholder="{{sousuo_keyword}}" class='box1' bindblur='bindKeyInput'  />
    <view  bindtap="aas">搜索</view>
  </view>

  
      <view >标签</view>

      <view >
        <block cwx:for="{{hot_so}}" wx:for-item="item"> 
          <li bindtap="input_value_li" data-name='{{item.area}}' >{{item.area}}</li>

        </block>
      </view>   
</view>

---------------------------------------------------------------------------------------------------------------------------------

// 得到搜索页面搜索框里面的值
bindKeyInput: function (e) {
  console.log( e.detail.value)
  this.setData({
    sousuo_keyword :  e.detail.value
  })
},

---------------------------------------------------------------------------------------------------------------------------------

// 点击热门标签将 值赋给input 输入框内
input_value_li:function(e){
  console.log("这是li标签里面的内容")
  console.log(e.currentTarget.dataset.name)
  this.setData({
    sousuo_keyword : e.currentTarget.dataset.name
  })
},

---------------------------------------------------------------------------------------------------------------------------------

//点击搜索按钮 得到input 的值
aas: function(){
  var key_word = this.data.sousuo_keyword
    console.log(this.data.sousuo_keyword)
},

---------------------------------------------------------------------------------------------------------------------------------

备注：
要在data{}中定义变量 这样子了直接将变量传到前台的数据 这样数据就会得到改变
比如：
data{
 sousuo_keyword : '',

}