小程序追加数据的实现方法-白红宇

小程序追加数据的实现方法

阅读量：6266 次

发布时间：2019-06-22

本文共 991 字，大约阅读时间需要 3 分钟。

index.wxml


       
          
       
        
         测试的时间：
        
        
         {
   {item.demoTime}}
        
           
       
        
         测试的内容：
        
        
         {
   {item.demoCon}}
        
         
      
     
     
      追加的按钮

index.js

Page({  data: {    demoData: [      {        demoTime: "2017-2-6",        demoCon: '我是测试代码001'      },      {        demoTime: "2017-8-6",        demoCon: '我是测试代码002'      }    ]  },  onLoad: function () {    this.setData({      nowDate: util.formatTime(new Date())    });  },  anniu:function(){    var zhuijia = {demoTime: "2017-7-7", demoCon: '我是追加的测试代码'};    this.data.demoData.unshift(zhuijia);    this.setData({      demoData: this.data.demoData    });  }})

index.wxss

.demos{  width: 100%;  height: 100px;  line-height: 50px;  background-color: #188eee;  color: #fff;  margin: 10px 0px;}.btn{  height: 50px;  width: 80%;  margin-left: 10%;  line-height: 50px;  background-color:orangered;  color: #fff;  text-align: center;}