Appearance
AnswerContainer 答题容器
描述
AnswerContainer
组件是一个用于展示和管理多种题型的答题容器组件。它能够根据传入的题目列表,动态渲染不同的题目组件,并提供提交和重置答案的功能。
引入
typescript
import { QxsAnswerContainer } from '@qxs-bns/components'
示例代码
loading
Props
属性名 | 类型 | 默认值 | 说明 |
---|---|---|---|
list | ListItem[] | ListItem | [] | 题目列表,支持数组或单个题目对象 |
isShowCorrect | boolean | false | 是否展示正确答案 |
themeName | string | 'default' | 主题名称,用于切换不同的样式 |
ListItem 属性
属性名 | 类型 | 默认值 | 说明 |
---|---|---|---|
examIndex | number | string | 题目序号 | |
examTypeEnum | string | 题目类型,如 single ,multiple ,blank_fill 等 | |
examId | string | 题目ID,唯一标识 | |
titleIndex | number | 题目标题序号 | |
answers | any[] | [] | 答案列表,根据不同题型有不同的数据结构 |
submitAnswer | any | 用户提交的答案 | |
customBinds | any | 自定义绑定属性 |
方法
onSubmit()
- 提交答题,返回一个
Promise
,resolve 结果为各题目的提交结果。
reset()
- 重置答题,清空用户已选答案。
addTitleNumber(arr: ListItem[])
- 手动添加题号,返回处理后的题目列表。
Slots
组件支持 slots 插槽,可以自定义题目组件的内容。