![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
南山无忆.
这个作者很懒,什么都没留下…
展开
-
vue快速限制input框可输入的数字类型(整数,正整数,小数限制小数点后几位)
vue快速限制input框可输入的数字类型(自然数,正整数,小数限制小数点后几位)项目中有许多地方需要限制输入框中的数字,比如只允许输入正整数啦,只允许输入自然数(正整数包括0),小限制小数点位数的需求,这些我们大可以封装一个公共的mixins混合方法放在公共部分,然后给input输入框绑定一个@input事件来调用mixins方法就可以啦。先上代码,开锤开锤,直接莽方法封装先在src...原创 2020-04-21 01:47:50 · 6007 阅读 · 0 评论 -
基于Vue框架封装的画环形进度条组件
这个是基于Vue框架封装的可多次调用的画环形进度条的组件下面是组件代码<template> <div class="progess-container"> <canvas :id="params.id" width="200" height="200"></canvas> </div></templat...原创 2019-08-23 16:37:00 · 283 阅读 · 0 评论 -
vue验证input(自然数,正整数,小数)自定义全局指令
我的项目是基于Vue和Element-ui的,如果朋友们没有用element-ui,请把代码中的el.children[0].value替换为el.value即可用了这个指令,验证一些常规的数字更加方便,可以直接组织不符合的数字输入进去主要就是注册全局的自定义指令,监听键盘抬起事件通过条件判断是否让其输入成功/** * @desc 验证整数类型数字方法 * @param {...原创 2019-09-04 17:35:00 · 712 阅读 · 0 评论 -
基于VueDraggable和Element-ui的图片拖拽改变顺序的组件
我们公司管理后台项目是使用Element-ui组件,这次需求产品要求上传的图片组允许拖拽排序,我就想用vue-draggable插件了,但是相信Element-ui的el-upload组件封装的很好,我这种菜鸟级别的前端哪里敢动,所以我就想着上传依然用el-upload,但是把上传组件的展示图片隐藏,自己根据组件的上传之后拿到的url链接自己形成图片数组,然后展示层由我们自己来写UI和vue-dr...原创 2019-09-12 17:09:00 · 3460 阅读 · 9 评论