微信小程序——input输入框的使用、slider组件

一、获取input输入的值

在input里加触发事件

在JS里面再写触发事件的内容

   user_input_search: function(e) {
    this.setData({
      user_input: e.detail.value
    })
   }

注意在data里面定义一下user_input

data: {
       user_input:'',
  }

获取了input的值后，需要使用触发事件将值打印拿出来

 search_buttle: function(e) {
      
      console.log("用户输入了：" + this.data.user_input );
   }

二、slider组件
slider组件是通常是滑动选择器，通常情况下，手机操作滑动选择器远比直接进行数值输入的好。

以下是代码

a.js

changeSize:function(e){
  this.data.icon.size = e.detail.value;
  this.setData(this.data);
},
changeOpacity:function(e){
  this.data.icon.opacity = e.detail.value;
  this.setData(this.data);
}

这段是直接放到Page里的，可以调整Size和Opacity，这两个数据是直接放到data段中，所以可以设置初值。代码如下：

data: {
  icon: {
    size: 20,
    opaci