vue聊天对话ai流式输出

原创

已于 2024-10-28 18:04:57 修改 · 6.3k 阅读

66 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript #前端

于 2024-04-19 11:01:18 首次发布

文章描述了一个使用Vue.js编写的聊天应用，其中包括用户输入内容、机械人自动回复以及模拟API调用来实现文字逐个动态显示的功能。

在这里插入图片描述



<template>
  <div class="talkContent">
    <div class="talkShow">
      <div :class="[(item.person=='mechanical')?'mechanicalTalk':'mineTalk']" v-for="(item,index) in talkList" :key="index">
          <span>{
  
  {item.say}}</span>
      </div>
    </div>
    <div class="talkInput">
      <form @submit.prevent="getQuestion" class="userSearch">
        <el-input
          placeholder="请输入内容"
          v-model="contentVal"
          size