@banmaorg/vue-question

题目渲染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