微信小程序 获取input框内的数据 点击提交获取

微信小程序 获取input框内的数据 点击提交获取

首先在xml

				<input class="right1" placeholder="请输入价格" value="{{shop.price}}"  bindinput="goodprice">input>

这里的{{shop.price}} 是wx:for里面的值 也就是这个input输入框的值 value=“xxxxx”
bindinput=“goodprice” 是你每次输入 或者每次触发这个输入框的时候 触发的事件
js中

goodprice:function(e){
 

 this.setData({
    price:e.detail.value
  })
      console.log("商品价格变化"+this.data.price)
    },

在这里插入图片描述

可以看到日志是这样的
微信小程序 获取input框内的数据 点击提交获取_第1张图片
所以说
绑定的这个 bindinput 中 e.detail.value 就是你获取到的这个输入框中所输入的值
然后把它this.setData({ price:e.detail.value })
那么现在这个price 值就是 我们现在 所输入的内容

我们在button提交的时候

bindSubmit:async function(e){
  console.log(this.data.goodId);
  console.log(this.data.name);
  console.log(this.data.price);
  console.log(this.data.stock);
  var goodBranch = {
    goodId:this.data.goodId,
    goodBranchTitle:this.data.name,
    goodBranchPrice:this.data.price,
    goodBranchStock:this.data.stock,
  }
  console.log(goodBranch);
  }

就可以得到

微信小程序 获取input框内的数据 点击提交获取_第2张图片
微信小程序 获取input框内的数据 点击提交获取_第3张图片
我这里是将 我所需要的值放到了一个对象中。
到这里 获取input输入的内容就结束了,当然我这并不是最好的方法,欢迎大佬们指点。

你可能感兴趣的:(微信小程序,小程序)