平时会遇到各种需求,现把平时用到的组件都罗列在此,供自己学习记忆,不定时更新。
1、打印机
需求:直接调用浏览器的打印机也可以,但是如果是动图(后端传过来的数据),打印出来的成品中是没有包含图片的。
网址:html2canva这个组件是以canvas截图打印的,可以完美的解决上述问题。
2、弹框可移动
需求:要求弹出框可移动,并且这个是基于Element UI组件的。
网址:dialog组件可拖拽这个是利用了Vue.directive来实现的,基于Element UI。在开发时,还要求除了'el-dialog__header'可拖拽,底部的'el-dialog__footer'也可拖拽,并且移出浏览器顶部时,要自动回到原位,只要修改一下代码,就可以实现了。
3、实现图片拖拽
需求:emm自从出了弹窗可拖拽后,就出现了图片推拽(两个列表之间),以及一个列表的图片拖拽排序的需求。。。
网址:图片拖拽这个组件可以实现,但是有些样式修改就要费点心思,样式很难修改。
4、右键菜单
需求:要求右键菜单自定义。
网址:右键菜单这个组件也可以轻松实现,但是悬浮的样式很难修改。
5、自适应文本输入框
需求:富文本中的文本输入框要求自适应。
网址:输入框自适应
6、富文本编辑器
需求:富文本中添加自定义按钮。
网址:[wangeditor] 这个组件下载源码后引入,修改源码可以达到自定义效果。(https://www.kancloud.cn/wangf...
这是结束语,对的,结束了。
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。