vue-cli 自定义指令directive 添加验证滑块示例

vue项目注册登录页面遇到了一个需要滑块的功能,网上看了很多插件发现都不太好用,于是自己写了一个插件供大家参考;

用的是vue的自定义指令direcive,只需要在需要的组件里放入对应的标签嵌套即可;

template:


项目中使用的是scss;

css代码:



jquery已经在全局引入,需要jquery全局引入的,可以看我的上一篇博客,里面有jquery的引入;

script:



 谢了近20分钟,调试好了,效果还是比较可以的:

用的gif制作软件略卡;

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

你可能感兴趣的:(vue-cli 自定义指令directive 添加验证滑块示例)