微信小程序?qū)崿F(xiàn)簡單聊天室

第微信小程序?qū)崿F(xiàn)簡單聊天室本文實(shí)例為大家分享了微信小程序?qū)崿F(xiàn)簡單聊天室的具體代碼，供大家參考，具體內(nèi)容如下

cha.js

//pages/chat/chat.js

//獲取小程序?qū)嵗?/p>

letapp=getApp();

Page({

*頁面的初始數(shù)據(jù)

data:{

nickname:'',

avatar:'',

chatlists:[

nickname:'小林',

avatar:'/timgimagequality=80size=b9999_10000sec=1591617971938di=30d9f3b49a0d1b27fb4b61ea424f82c9imgtype=0src=http%3A%2F%2F%2Fuploads%2Fitem%2F201610%2F07%2F20161007135058_nUxji.jpeg',

content:`你好呀！`

invalue:''

sendMsg:function(){

let_this=this;

letobj={

nickname:_this.data.nickname,

avatar:_this.data.avatar,

content:_this.data.invalue

letarr=_this.data.chatlists;

arr.push(obj)

_this.setData({

chatlists:arr,

invalue:''

//把聊天內(nèi)容發(fā)送到服務(wù)器，處理完成后返回，再把返回的數(shù)據(jù)放到chatlist里面

getInput:function(e){

console.log(e.detail.value);

this.setData({invalue:e.detail.value});

*生命周期函數(shù)--監(jiān)聽頁面加載

onLoad:function(options){

console.log(app.globalData.userInfo.nickName);

this.setData({

nickname:app.globalData.userInfo.nickName,

avatar:app.globalData.userInfo.avatarUrl

*生命周期函數(shù)--監(jiān)聽頁面初次渲染完成

onReady:function(){

*生命周期函數(shù)--監(jiān)聽頁面顯示

onShow:function(){

*生命周期函數(shù)--監(jiān)聽頁面隱藏

onHide:function(){

*生命周期函數(shù)--監(jiān)聽頁面卸載

onUnload:function(){

*頁面相關(guān)事件處理函數(shù)--監(jiān)聽用戶下拉動作

onPullDownRefresh:function(){

*頁面上拉觸底事件的處理函數(shù)

onReachBottom:function(){

*用戶點(diǎn)擊右上角分享

onShareAppMessage:function(){

})

chat.wxml

blockwx:for="{{chatlists}}"wx:for-index="ind"wx:for-item="chat"wx:key="ind"

viewwx:if="{{nickname==chat.nickname}}"

view

view

{{chat.content}}

/view

/view

view

imagesrc="{{chat.avatar}}"/image

/view

/view

viewwx:else

view

imagesrc="{{chat.avatar}}"/image

/view

view

view