小程序即時聊天（僅頁面功能，未接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 
 }) 
}, 
})

　

　　

 望互相指教。。。。