vue + element UI 制作问答机器人

 
<template>
        <div class="box">
          <div class="title">
            <img src="" alt class="logo" />
            <span class="title-hn">人工客服</span>
          </div>
          <div id="content" class="content">
            <div v-for="(item,index) in info" :key="index">
              <div class="info_r info_default" v-if="item.type == 'leftinfo'">
                <span class="circle circle_r"></span>
                <div class="con_r con_text">
                  <div>{
   {item.content}}</div>
                  <div v-for="(item2,index) in item.question" :key="index">
                    <div class="con_que" @click="clickRobot(item2.content,item2.id)">
                      <div class="czkj-question-msg">
                        {
   {item2.index}}
                        {
   {item2.content}}
                      </div>
                    </div>
                  </div>
                </div>
                <div class="time_r">{
   {item.time}}</div>
              </div>
              <div class="info_l" v-if="item.type == 'rightinfo'">
                <div class="con_r con_text">
                  <span class="con_l">{
   {item.content}}</span>
                  <span class="circle circle_l">
                    <img src class="pic_l" />
                  </span>
                </div>
                <div class="time_l">{
   {item.time}}</div>
              </div>
            </div>
          </div>
          <div class="setproblem">
            <textarea
              placeholder="请输入您的问题..."
              style="height: 68px;width: 100%;resize:none;padding-right:80px;outline: none;border-color:#ccc;border-radius:5px;"
              id="text"
              v-model="customerText"
              @keyup.enter="sentMsg()"
            >