![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
Forevermoremo
此博客仅仅分享我在学习过程中的一些心得和想法,如果某些观点与某某发生冲突,望指正!!!
展开
-
Vue,图片编辑功能实现
实现对图片的编辑,如画圆、矩形、箭头,涂鸦,文字添加,剪切等功能;主要借助了tui-image-editor、FileSaver、fabric等插件。项目地址:原创 2020-09-03 14:24:32 · 7999 阅读 · 6 评论 -
Vue,简单预约功能实现
需求用户可以选择指定日期时间段进行会议室特定场景的预约。要求如下:1、只能预约当前时间后未被预约的连续时间段;2、显示当前所选日期的已预约列表,可查看详情;3、有权限对自己且在当前时间后的预约项进行取消;解决方案1、fullcalendar插件 https://fullcalendar.io/最开始想的就是找一个插件直接解决掉问题,但是发现它也有一个问题。在后面初始事件(events对象)时,发现只要浏览器一刷新,事件总是会出现错位现象,表格的宽度也出现问题。虽然有人用过这个插件,但是原创 2020-09-02 11:52:18 · 6293 阅读 · 0 评论 -
ElementUI弹窗简单组件化封装
Vue项目中,一个页面可能有多个弹窗出现,因此可对单个弹框进行了简单封装,弹窗默认隐藏,某个事件或条件触发时,父组件让指定弹窗显示。弹窗子组件: <template> <el-dialog :visible.sync="visible" :title="modalObj.title" :width="modalObj.width" :modal='modalOb...原创 2019-10-17 10:25:40 · 5285 阅读 · 0 评论 -
Vue指令实现数字增长动画?
vue中,想要实现几个数字从0缓慢增长到目标值的动态特效,我采用了vue指令实现。Vue.directive('countRunning', { bind(el, binding, vnode, oldVnode) { var timer = null; const targetDomCount = el.getAttribute('data-targ...原创 2019-10-16 17:11:30 · 4463 阅读 · 4 评论