编写计算和渲染会话列表和消息时间的部分,主要又两个计算属性,一个用于获取会话列表,另一个用于渲染消息的时间戳。
另外接着写前端(聊天主要实现页面)
/ 获取会话列表 const conversitionList = computed(() => { return store.conversitionList.filter( (x: Conversition) => (x.sendId == store.userInfo?.id && x.recipientId == store.recipient?.id) || (x.recipientId == store.userInfo?.id && x.sendId == store.recipient?.id) ) })
// 渲染时间每隔5分钟显示一次 const renderMessageDate = computed(() => { return (message: any, index: number, messages: Array<any>) =>{ if ((message && index === 0) || (message && message.timestamp - messages[index - 1].timestamp > 5 * 60 * 1000)) { return - - ${formatTime(message.timestamp)} - - } return ""; } })

浙公网安备 33010602011771号