可能加载缓慢; 当imgs传本地路径时,确保图片路径是否正确。建设传cdn上的图片地址。 详情可参考APP.vue上的写法。或在线查看demo地址 内置方法 在父组件里如果需要重置,可以在父组件中调用子组件reset() 方法 <slide-verify ref="slideblock" ></slide-verify> this.$refs.slideblock.reset(); Log V1.1...
npm install --save vue-monoplasty-slide-verify importVuefrom'vue';importSlideVerifyfrom'vue-monoplasty-slide-verify';Vue.use(SlideVerify); 2. Now you have it. The simplest usage: <slide-verify:l="42":r="10":w="310":h="155"slider-text="向右滑动"@success="onSuccess"@fail="onFail"@...
解决方案:检查是否已支持移动端触摸事件,并调整滑动验证的灵敏度以适应不同设备的屏幕尺寸和分辨率。版本兼容性问题: 解决方案:确保使用的 vue-monoplasty-slide-verify 版本与你的 Vue 版本兼容。如果不兼容,请考虑升级 Vue 或使用其他版本的滑动验证组件。
import SlideVerify, { type SlideVerifyInstance } from 'vue3-slide-verify'; import "vue3-slide-verify/dist/style.css"; export default defineComponent({ components: { SlideVerify }, setup() { const msg = ref(""); const block = ref<SlideVerifyInstance>(); const onAgain = () => { msg...
可能加载缓慢; 当imgs传本地路径时,确保图片路径是否正确。建设传cdn上的图片地址。 详情可参考APP.vue上的写法。或在线查看demo地址 内置方法 在父组件里如果需要重置,可以在父组件中调用子组件reset() 方法 <slide-verify ref="slideblock" ></slide-verify> this.$refs.slideblock.reset(); Log V1.1...
<slide-verifyref="slideblock"></slide-verify> this.$refs.slideblock.reset(); Log V1.1.2 修复imgs不传时,页面的 warning 问题 V1.1.1 (此版本有bug,请使用最新版) 增加滑动验证的精度设置 增加滑块刷新成功后的回调函数 可配置刷新按钮的显示 ...
<slide-verifyref="slideblock"></slide-verify> this.$refs.slideblock.reset(); Log V1.1.2 修复imgs不传时,页面的 warning 问题 V1.1.1 (此版本有bug,请使用最新版) 增加滑动验证的精度设置 增加滑块刷新成功后的回调函数 可配置刷新按钮的显示 ...
<slide-verifyref="slideblock"></slide-verify> this.$refs.slideblock.reset(); Log V1.1.2 修复imgs不传时,页面的 warning 问题 V1.1.1 (此版本有bug,请使用最新版) 增加滑动验证的精度设置 增加滑块刷新成功后的回调函数 可配置刷新按钮的显示 ...