Skip to content

AnswerContainer 答题容器

描述

AnswerContainer 组件是一个用于展示和管理多种题型的答题容器组件。它能够根据传入的题目列表,动态渲染不同的题目组件,并提供提交和重置答案的功能。

引入

typescript
import { QxsAnswerContainer } from '@qxs-bns/components'

示例代码

loading

Props

属性名类型默认值说明
listListItem[] | ListItem[]题目列表,支持数组或单个题目对象
isShowCorrectbooleanfalse是否展示正确答案
themeNamestring'default'主题名称,用于切换不同的样式

ListItem 属性

属性名类型默认值说明
examIndexnumber | string题目序号
examTypeEnumstring题目类型,如 singlemultipleblank_fill
examIdstring题目ID,唯一标识
titleIndexnumber题目标题序号
answersany[][]答案列表,根据不同题型有不同的数据结构
submitAnswerany用户提交的答案
customBindsany自定义绑定属性

方法

onSubmit()

  • 提交答题,返回一个 Promise,resolve 结果为各题目的提交结果。

reset()

  • 重置答题,清空用户已选答案。

addTitleNumber(arr: ListItem[])

  • 手动添加题号,返回处理后的题目列表。

Slots

组件支持 slots 插槽,可以自定义题目组件的内容。

Released under the MIT License.