vue-code-thumb

安全验证图标点选组件

安装

cnpm i vue-code-thumb or npm i vue-code-thumb

使用

// js
import CodeThumb from 'vue-code-thumb'
import 'vue-code-thumb/dist/vueCodeThumb.css'

export default {
    components: {
        CodeThumb
    }
}

    // html
    <code-thumb ref="codeImg">
        <img :src="imgData" alt="v-code" />
    </code-thumb>

方法

按视图显示获取顺序值

    this.$refs.codeImg.getViewportOrder()

按点击顺序获取顺序值

    this.$refs.codeImg.getTapOrder()

事件

add-number 添加坐标后触发 返回tapList, event

img-tap 图片点击后触发 返回event