更新记录

1.0.5(2020-10-10) 下载此版本

1.修改初始化时第一题答案不显示的问题。 2.修改填空切换时,下一题没有清空的问题。

1.0.4(2019-11-23) 下载此版本

1.修复Bug 2.增加题号显示方式

1.0.3(2019-10-26) 下载此版本

针对微信作了优化,修改多个undefined引起的错误,感谢朋友们指出错误。

查看更多

平台兼容性

Li-ExamWidght 在线答题,试卷测试

在线答题组件,组件名:Li-ExamWidght。 支持单选,多选,填空,我觉得判断题可以做成单选形式,所以就没有添加。 有些字段是按照我的项目来写的,请根据自己的需求修改。

点击此处,在线演示

使用方式:

script 中引用组件

import examWidght from '@/components/Li-ExamWidght/Li-ExamWidght.vue';

export default {
    components: {examWidght}
}

用法:

<exam-widght 
        :dataList='QuestionList' 
        :index="index" 
        @select='selectItem' 
        @selectFinish='selectFinish' 
        @finish='finish'
        :numBoxType='0'
        :showIndexText='showIndexText'
        :numBoxShow='numBoxShow'
        >
        </exam-widght>

模拟数据:

    [
        {
            "questionID": "655180e7-c06a-42ca-a043-6ead0dc41b2f",
            "fldName": "下列哪种灭火器不可用于电器类火灾()。",
            "fldAnswer": null,
            "questionType": 0,
            "QuestionOptionList": [
                {
                    "fldOptionText": "干粉灭火器",
                    "fldOptionIndex": 1
                },
                {
                    "fldOptionText": "二氧化碳灭火器",
                    "fldOptionIndex": 2
                },
                {
                    "fldOptionText": "泡沫灭火器",
                    "fldOptionIndex": 3
                },
                {
                    "fldOptionText": "泡灭火器",
                    "fldOptionIndex": 4
                }
            ]
        },
    ]

字段说明:

属性名 类型 说明
questionID String 题目ID
fldName String 题目名称
fldAnswer String 题目答案,可以预设。单选:值为单个数字 ;多选:字符串,以逗号分隔,如"1,2,3";多选为字符串
questionType Number 题目类型,0为单选题,1为多选,2为填空
QuestionOptionList array 单选或者多选时的选项

QuestionOptionList:

属性名 类型 说明
fldOptionText String 项的名称
fldOptionIndex Number 选项结果,数字, 会转换成对应的ABC,非Number型时原样输入

属性说明:

属性名 类型 默认值 说明
index Number 0 起始题号,外部可通过此参数修改当前题号
dataList array [] 题目列表
finishText String 完成 按键文字
lastText String 上一题 按键文字
nextText String 下一题 按键文字
indexText String 题号 按键文字
showIndexText Boolean trur 题号文字是否显示,可用于外部切换
numBoxType Number 0 题号框显示方式,0 或 1, 具体看截图
numBoxShow Boolean false 题号框显示切换,用于外部切换,值变化则切换

事件:

事件名 说明
select 题目类型为单选或者多选时,选择或者切换选择触发
selectFinish 切换题目时触发,包括点击上一题、下一题、点击题号、外部修改题号
finish 点击完成时触发

selectFinish事件返回值:

    {
        "currentItem": {   //当前项
            "question": {
                "questionID": "34d4f7bb-3575-47d8-89a2-55dd12250527",
                "fldName": "火警电话是多少?拨打火警电话,报警内容是什么?",
                "fldAnswer": null,
                "questionType": 2,
                "QuestionOptionList": [{
                    "fldOptionText": null,
                    "fldOptionIndex": 0
                }]
            },
            "anwser": [],
            "hasChange": false,
            "index": 34, 
            "total": 38
        },
        "newItem": {   //新项
            "question": {
                "questionID": "8f569bcd-babc-46e6-86d3-fb3b4826e657",
                "fldName": "乐都汇购物中心内部火警电话是。",
                "fldAnswer": null,
                "questionType": 2,
                "QuestionOptionList": [{
                    "fldOptionText": null,
                    "fldOptionIndex": 0
                }]
            },
            "index": 33,
            "total": 38
        }
    }

1.0.0

  • 初始项目

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问