wxxml檔案

<button type="primary" bindtap="addItemFn">新增</button>  
<button type="warn" bindtap="delItemFn" >刪除</button>  
<scroll-view class="scroll">  
  <view class="classname"></view>  
  <block wx:for="{{lists}}" wx:key="*this">  
    <view class="item"
 
 data-index="{{index}}" >item {{index}}--{{item.text}}</view>  
  </block>  
</scroll-view>   

wxjs檔案

//獲取應用例項  
var app = getApp()
Page({
  data: {
    duration: 2000,
    indicatorDots: true,
    autoplay: true,
    interval: 3000,
    loading: false,
    plain: false
  },
  onLoad: function
 
 () {
    var that = this//不要漏了這句，很重要
    wx.request({
      url: '您的url地址',
      method: 'get',
      header: {
        'content-type': 'application/json' // 預設值
      },
      success: function (res) {
        //將獲取到的json資料，存在名字叫zhihu的這個陣列中
        that.setData({ lists: res.data })
      }
    })
  },
  //新增新元素 
 

  addItemFn: function () {
    var { lists } = this.data;
    var newData = { text: "新的元素" };
    lists.push(newData);
    this.setData({
      lists: lists
    })  
  }
  //刪除新元素 
  delItemFn: function (e) {
    var { lists } = this.data;
    var num = e.currentTarget.dataset.index;//獲取data-index
    lists.splice(num,1);
    this.setData({
      lists: lists
    })  
  }
})

wxcss檔案

page{height: 100%;}  
.scroll{height:auto;}  
.item{ background: #ddd; margin: 10px 0; height: 40rpx;}  

注：微信小程式是通過陣列來控制元素的新增和刪除的。