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 插槽,可以自定义题目组件的内容。