小程序即时聊天（仅页面功能，未接websocket）

我们都知道小程序是不能直接操作dom的，所以做即时通讯聊天功能的时候也就不能像之前做的一样：点击发送的时候，拼接一个节点到页面上。话不多说，以下是效果和代码：

-----------------------chat.js------------------------------

// pages/chat/chat.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    lists: [
      //所有发送的信息
    ],
    scrollTop: 100,//设置滚动条到顶部的距离
    centence:''  //获取到的输入框的内容

  },

  //点击发送以后的事件处理函数
  addItemFn: function () {
    var {lists} = this.data;   //  创建一个变量lists
    var newData = { value: this.data.centence };   //创建一个对象，{value:每次单条输入框中发送的值}
    lists.push(newData);    //点击以后输入框中的值push到list数组种，
    this.setData({
      lists: lists,//赋值给this.data.list,wxml去循环这个lists
      centence:'' //点击发送以后，清空下面输入框的value
}) 

console.log(lists) }, 
inputFunc:function(e){ 
   this.setData({
      centence: e.detail.value 
   }) 
}, 
})

　

　　

望互相指教。。。。