前端-vue-组件
のsmile
just do what you want
展开
-
vue-滑块验证
效果图:下载依赖:"vue-monoplasty-slide-verify": "^1.1.3",引入滑块组件使用到的有如下属性:宽度、高度、误差、提示文字、img背景。查看源码可以看到还支持更多的属性,但个人认为,在日常开发中,这几个属性够用了,有需要的可自行了解更多属性。使用到的方法:again(重试)、fulfilled(刷新)、suceess(校验成功)、fail(校验失败)、refresh(手动触发刷新小图标)其中该组件还提供了重置操作:个人组件源...原创 2022-04-14 11:58:45 · 3256 阅读 · 0 评论 -
一劳永逸的组件注册
通常在组件使用前,需要引入后再注册,但如果高频组件多了,每次都这样做,不仅新增很多代码,效率还低!我们应该如何优化呢?其实,我们可以借助一下webpack的require.context() 方法来创建自己的(模块)上下文,从而实现自动动态require组件。我们先在components文件夹(这里面都是些高频组件)添加一个叫global.js的文件,在这个文件里使用require.context 动态将需要的高频组件统统打包进来,然后在main.js文件中引入global.js的文件。// gl原创 2021-08-17 11:02:24 · 148 阅读 · 0 评论