MatchMessagesQuestion AI 办赛追问组件

用于展示 AI 办赛场景下的快速追问问题列表，支持用户点击选择问题。

引入

import PressMatchMessagesQuestion from "press-next/press-match-messages-question/press-match-messages-question";

代码演示

基础用法

<template>
  <PressMatchMessagesQuestion
    :quick-questions="questions"
    @question-clicked="handleQuestionClick"
  />
</template>

<script setup>
import PressMatchMessagesQuestion from "press-next/press-match-messages-question/press-match-messages-question";

const questions = [
  { id: 1, text: "比赛规则是什么？" },
  { id: 2, text: "如何报名参加比赛？" },
  { id: 3, text: "比赛时间安排如何？" },
];

const handleQuestionClick = (question) => {
  console.log("选择的问题:", question);
};
</script>

API

Props

参数	说明	类型	默认值
quick-questions	快速问题列表	QuestionItem[]	[]

Events

事件名	说明	参数
question-clicked	点击问题时触发	question: QuestionItem

QuestionItem 数据结构

interface QuestionItem {
  id: string | number; // 问题唯一标识
  text: string; // 问题文本内容
}