微信小程序开发--3.6js动态增删输入框

描述：点击加号按钮，增加一组输入框；点击减号按钮，减少一组输入框。

wxml

包含服务
+
-




名称：



数量：



价值：






wxss

.goods_detail_title{
width: 100%;
height: 420rpx;
background-color: #fff;
margin: 0rpx auto;
border-radius: 20rpx;
/ padding-left: 40rpx; /
padding-top: 30rpx;
}
.price_text{
width: 200rpx;
}
js

var app = getApp();
Page({
data: {
dataRowList: [{serviceName:'',amount:'',price:'',id:0,hasUsed:false}],
},

bindOfserviceNameChange:function(e){
    var rownum=e.currentTarget.dataset.rownum;    
    var datalist=this.data.dataRowList;
    datalist[rownum].serviceName=e.detail.value;
    this.setData({
        dataRowList:datalist,    
    })
},

bindOfAmountChange:function(e){
    var rownum=e.currentTarget.dataset.rownum;    
    var datalist=this.data.dataRowList;
    datalist[rownum].amount=e.detail.value;
    this.setData({
        dataRowList:datalist,    
    })
},

bindOfPriceChange:function(e){
    var rownum=e.currentTarget.dataset.rownum;    
    var datalist=this.data.dataRowList;
    datalist[rownum].price=e.detail.value;
    this.setData({
        dataRowList:datalist,    
    })
},

onLoad: function onLoad() {},

onShow: function (options) {},

onAddRow: function (e) {
    console.log(this.data.dataRowList)
    var datalist=this.data.dataRowList;
    datalist.push({serviceName:'',amount:'',price:'',id:datalist.length,hasUsed:false});
    this.setData({
      dataRowList:datalist
    })
  },

  onRemoveRow: function (e) {
    var datalist=this.data.dataRowList;
    if(datalist.length>1)
      datalist.pop(datalist.length);
    this.setData({
      dataRowList:datalist
    })
  },