微信小程序点击添加/删除表单

wxml :

	
		
		第{{index + 1}}个
	
	
		添加选项
		删除选项
	

wxss :

.create-li{
  height: 50rpx;
  border-bottom: 2rpx solid #ccc;
  margin-bottom: 20rpx;
  padding-bottom: 20rpx;
}

.foot{
  display: flex;
}

.add-li{
  width: 50%;
}

js :

Page({
  data: {
    lists:[]
  },
  
  //添加
  addList: function(){
    var  lists = this.data.lists;
    var newData = {};
    lists.push(newData);//实质是添加lists数组内容，使for循环多一次
    this.setData({
      lists: lists,
    })  
  },

  //删除
  delList: function () {
    var lists = this.data.lists;
    lists.pop();      //实质是删除lists数组内容，使for循环少一次
    this.setData({
      lists: lists,
    })
  }
})