cbz-sj/pages/chatroom/chatroom.vue

<template>
<chat id="chat" :username="username" ref="chat" chatType="singleChat" @onClickInviteMsg="onClickMsg"></chat>
</template>

<script>
let disp = require("@/utils/broadcast");
import chat from "@/components/chat/chat.vue";

export default {
  data() {
    return {
      username: {
        your: ""
      }
    };
  },

  components: {
    chat
  },
  props: {},
  // options = 系统传入的 url 参数
  onLoad(options) {
	  // console.log(JSON.parse(options.username));
    let username = JSON.parse(options.username);
    /* this.setData({
      username: username
    }); */
	this.username = username
	// 生成的支付宝小程序在onLoad里获取不到，这里放到全局变量下
	uni.username = username;
	let title = ''
	uni.WebIM.conn.fetchUserInfoById(username.your, 'nickname').then((res) => {
	    title = res.data[username.your].nickname
		uni.setNavigationBarTitle({
		  title: title
		});
	})
	console.log(title);

	this.getList()
	this.getUser()
  },

  onUnload() {
    disp.fire("em.chatroom.leave");
  },

  onPullDownRefresh: function () {
    uni.showNavigationBarLoading();
    this.$refs.chat.getMore();
    // 停止下拉动作
    uni.hideNavigationBarLoading();
    uni.stopPullDownRefresh();
  },
  methods: {
	  getList() {
		  var that = this
		  let options = {
		    // 对方的用户 ID 或者群组 ID 或聊天室 ID。
		    targetId: that.username.your,
		    // 每页期望获取的消息条数。取值范围为 [1,50]，默认值为 20。
		    pageSize: 20,
		    // 查询的起始消息 ID。若该参数设置为 `-1`、`null` 或空字符串，从最新消息开始。
		    cursor: -1,
		    // 会话类型：（默认） `singleChat`：单聊；`groupChat`：群聊。
		    chatType: "singleChat",
		    // 消息搜索方向：（默认）`up`：按服务器收到消息的时间的逆序获取；`down`：按服务器收到消息的时间的正序获取。
		    searchDirection: "up",
		  };
		  uni.WebIM.conn
		    .getHistoryMessages(options)
		    .then((res) => {
		      
		      // console.log(res);
		    })
		    .catch((e) => {
		      // 获取失败。
		    });
	  },
	  getUser() {
		  let myUsername = uni.getStorageSync('myUsername')
		  let users = [this.username.your, myUsername]
		  uni.WebIM.conn.fetchUserInfoById(users).then((res) => {
		      // console.log('用户信息',res)
		  })
	  },
	  onClickMsg(msg){
		msg.action = 'join'
		// uni.navigateTo({
		// 	url: "../emedia/index?srcData="+JSON.stringify(msg)
		// });
	  }
  }
};
</script>
<style>
@import "./chatroom.css";
</style>