平时会遇到各种需求,现把平时用到的组件都罗列在此,供自己学习记忆,不定时更新。


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...


这是结束语,对的,结束了。


喆喆
74 声望7 粉丝

小白一枚!!!