Giter Club home page Giter Club logo

vue-monoplasty-slide-verify's People

Contributors

dependabot[bot] avatar monoplasty avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

vue-monoplasty-slide-verify's Issues

h5

h5 在苹果手机上 滑动滑块,背景图会颤抖...

ts版本

建议提供下ts的声明文件的,及开放源码

引入组件问题

import SlideVerify from 'vue-monoplasty-slide-verify';

export default {
components: {
SlideVerify,
},
}

运行会提示
Failed to mount component: template or render function not defined.

在父组件中设置不了imgs的属性

想使用本地的图片作为滑动验证图片,在父组件中created生命周期设置this.$refs.slideblock.imgs = 图片的项目路径数组,发现没有生效,验证图片路径,发现路径没有错。请问作者,是我属性设置方式不正确?还是什么其他的原因造成??
模板:
<template> <slide-verify :l="42" :r="10" :w="310" :h="155" ref = "slideblock" slider-text="向右滑动" @mousedown.native="getMouseDownTime()" @mousemove.native="getMouseMoveTrail($event)" @mouseup.native="getMouseUpTime()" @success="onSuccess" @fail="onFail" @refresh="onRefresh" /> </template>

代码:
`import { slideVerifyLogic } from '@/api/slideVerify'

export default {
name: 'SlideVerifyTool',
data() {
return {
query: {
mouseDownTime: null,
mouseDragTime: null,
locationCount: 0,
locationSum: 0,
verifySuccess: false
},
}
},
created() {
this.$refs.slideblock.imgs = ['@/assets/slide-verify-img/1.jpg', '@/assets/slide-verify-img/2.jpg', '@/assets/slide-verify-img/3.jpg']
},
...`

登录失败

比如我的图片验证码与登录配合使用时,调用后台接口失败后,不点击刷新按钮,不能重新加载刷新验证码

你好 跨域

2022年9月7日12:07:55
项目使用该插件报跨域 不知道为啥?
image

设置通过验证所需要的距离

目前看到通过验证需要的距离是随机的,在文档也没看到哪个参数可以设置距离。我想在后端也做一个验证,所以想用后端发来的距离设置为通过验证所需要的距离。

关于LICENSE声明

请问我能否在MIT license 下使用你的代码?因为我没有看到相关的LICENSE文件声明,只看到package.json中有个
{
"license": "MIT",
}

如果获取后台给的图片

您的前台效果做的非常棒,但是有个问题,目前只有前台效果,并没有在后台获取到什么内容,比如之前图形验证码,需要再后台获取图片,如果不在后台验证的话,机器很容绕过前台,直接请求接口,这样验证码就形同虚设了

vue

vue移动端划不动啊

图片显示不出来

您好,图片需要加载很久才出来,是服务器出了什么问题吗?

初始化问题

这个可以 初始化的时候 先不加载图片,开始滑动的时候在展示图片可以吗

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.