vue中使用的一些实用插件
文章平均质量分 72
DW14687
这个作者很懒,什么都没留下…
展开
-
wangEditor富文本编辑器(第四章:自定义首行缩进菜单)
继上一章,我们实现了富文本框字数限制,到上一章呢,基本上得功能已经可以实现了。接下来就是扩展章节了,我会继续去探索更多得自定义菜单,今天先开一个简单得——“首行缩进”,感兴趣就继续往下看看吧~新建目录components/textIndent.js以上就是今天要讲的内容,本文仅仅简单自定义首行缩进菜单的思路和实现,好啦好啦,希望能够帮助到你啦,或者开阔一下思维也可以滴~。如果有什么想法也可以评论区留言给我哟~白白啦httpshttpshttpshttps。.........原创 2022-08-01 17:50:45 · 4080 阅读 · 2 评论 -
解决:el-menu 菜单栏点击收起后label和图标不隐藏
项目场景项目框架弄好,数据也联调完成了,结果要加菜单树。加上就出现问题啦,菜单栏点击收起按钮,label和图标不隐藏~原创 2022-07-26 14:21:43 · 1572 阅读 · 0 评论 -
wangEditor富文本编辑器(第三章:图片上传)
目录前言一、思路?1.修改上传方式二、全部流程总结接上一章字数限制做好后,这一章要解决一下图片上传得问题,官方中得图片是转成了base格式,但是现实情况下就是要调用后端接口上传照片,所以我们这章主要是修改图片上传得默认接口~。默认是有上传图片的,并且是两个选项,如下: 这里我们只需要一个上传图片,所以要先隐藏这个下拉,点击图片菜单后直接弹出图片选择,如下: 如何做呢?在editor.create()之前写下面这句:二、全部流程注释很详细了,代码如下:总结以上就是今天要讲的内容,本文原创 2022-06-15 17:26:10 · 9865 阅读 · 1 评论 -
wangEditor富文本编辑器(第二章:字数限制)
wangEditor富文本编辑器限制字数原创 2022-06-09 17:44:13 · 10027 阅读 · 2 评论 -
wangEditor富文本编辑器(第一章:基础使用)
表单系列——富文本提示:后台系统中经常会遇见富文本,其中包括图片的上传,添加样式、链接等。本文使用wangEditor实现富文本功能文章目录表单系列——富文本前言一、如何使用?二、使用步骤1.安装wangEditor2.读入数据总结前言一、如何使用?第一次接触富文本,那么什么是富文本呢?富文本是一种类似DOC格式(Word文档)的文件,有很好的兼容性,使用Windows“附件”中的“写字板”就能打开并进行编辑。直观点,就是下图这样可以自己调节格式的就是富文本。本文使用wangEd原创 2022-02-16 10:46:53 · 2094 阅读 · 0 评论 -
vue项目中使用svgIcon(svg-sprite-loader安装、配置及使用)
目录前言一、安装svg-sprite-loader二、封装组件1.在components路径下新建svg/svgIcon.vue2.在src目录下新建icons文件夹,包括一下文件三、配置svg-sprite-loader四、使用svg-icon组件五、配置被选中时的颜色1.检查svg源文件2.配置选中后得颜色总结前言网页中经常会遇到一些自定义得小图标,为了保证图标不失真,我们经常使用svgIcon实现。接下来一起看看如何安装和配置把~...原创 2022-05-18 14:38:13 · 7576 阅读 · 1 评论