ToB企服应用市场:ToB评测及商务社交产业平台

标题: 基于vue3实现的聊天机器人前端（附代码） [打印本页]

---

作者: 商道如狼道    时间: 2024-12-11 20:37
标题: 基于vue3实现的聊天机器人前端（附代码）
[code]<template>
  <div class="container">
    <!-- 页面头部 -->
    <header>
      <h1>跟它说说话吧！</h1>
      <p>一个活泼的伙伴，为你提供情感支持！</p>
    </header>
    <!-- 聊天容器 -->
    <div class="chat-container">
      <!-- 聊天记录显示区 -->
      <div id="chatbox" ref="chatbox" class="chatbox"></div>
      <!-- 输入框和发送按钮 -->
      <div class="input-container">
        <input v-model="message" @keydown.enter="sendMessage" placeholder="输入消息...">
        <button @click="sendMessage">

---

欢迎光临 ToB企服应用市场:ToB评测及商务社交产业平台 (https://dis.qidao123.com/)

Powered by Discuz! X3.4