题目渲染sdk
npm install @banmaorg/vue-question
import "@banmaorg/vue-question/dist/katex.min.css"
import VueQuestion from "@banmaorg/vue-question"
Vue.use(VueQuestion)
props
content xmlString
//example
<q-choose>
<q-title>这个是题干</q-title>
<q-option :isright="false" option="A">A、这个是选项</q-option>
<q-option :isright="true" option="B">B、这个是选项</q-option>
<q-option :isright="false" option="C">C、这个是选项</q-option>
<q-option :isright="false" option="D">D、这个是选项</q-option>
</q-choose>
interactive bool 是否可交互
- true 可交互
- false 不可交互
@onSubmit 提交答题情况
onSubmit({option, type, isright});
- option 选项
- type 题型
- isright 是否正确
example
<h1>只显示</h1>
<q-question :interactive="false" :content="showqs"></q-question>
<h1>可交互</h1>
<q-question :interactive="true" type="checkbox" :content="showqs" @onSubmit="submitHandle"></q-question>
版本说明
0.1.0
- 添加样式
- 增加答题交互显示正确答案
0.2.0
- 增加多选题 type= radio | checkbox
- 增加主动结束方法 this.$refs.radioQuestion.submitHandle(true); //参数告诉组建是父级调用
- 增加答对、答错、未作答的结束情况
0.2.14
- 增加作答后是否显示正确答案的配置 showEndSuc Boolean