vue
vue3使用wangEditor-v5学习笔记(三)添加查看源码功能 再完美的编辑器,如果不能直接修改源码,我总觉得欠缺些什么,当然对于大部分不懂代码的人来说,这个功能毫无用处,但是会与懂html代码的来说,那就非常有必要了,这样就能更精细的修改内容了。
vue3使用wangEditor-v5学习笔记(二)上传视频图片 vue3中使用wangEditor-v5文本编辑器,如果自定义上传是比较复杂,服务端还要适配,这里我用的阿里云的OSS,就方便很多。
vue3使用wangEditor-v5学习笔记(一)工具栏配置 虽说是中国人开发的项目,文档也是非常详细,但是说实话或许是我能力不行,这个文档理解起来并不是很方便,所以这里我做一些笔迹,记录一下在vue3中,使用wangEditor编辑器v5版本的笔记。
unplugin-auto-import自动导入vue相关函数 setup语法糖,经常需要在导入ref等各类函数,unplugin-auto-import,它可以自动帮你导入vue以及vue-router中各类系统函数,这样就不需要每个组件中import了。
Vue3中setup语法糖使用component切换组件的实现 在element-plus中,使用el-tab动态切换组件是一个非常不错的方案,在项目中也常见。使用setup语法糖的时候,需要定一个Component对象,进行映射。
ElImage轮播图破层不能正常显示,隐藏控件el-image-viewer实现 在el-table组件中,使用el-image组件,轮播图会出现破层的情况,可以使用隐藏组件el-image-viewer来实现,代替el-image的preview-src-list属性
vue3中el-checkbox实现在el-table多行全选功能 在项目中,权限管理中需要使用到多个el-checkbox,每一行都需要单独的实现全选功能,如果是单独的一行数据,相信大家都会,非常简单,但是这是在多行数据里面,就比较麻烦。
vue项目el-table组件中实现行内编辑和新增 el-table通常是用来显示列表,需要新增修改时,大部分场景在模态框中操作。但有时候,仅仅是很简单的一个修改,比如就几个字,用一个el-dialog组件,太重量级,我实现了直接在table内修改。
使用VueCropper对图片进行裁剪 网上搜了很多组件,之前Vue2中使用的是vue-img-cutter组件,非常方便,但是不知道为啥在Vue3中就一直报错,那就只能换成VueCropper,说一下两者的区别
vue中非属性特性非Prop 的Attribute简单实现 但是如果父组件想传递给子组件的属性,并不包含在props中呢?这就是所谓非属性特性,说了白话一点,就是指子组件并没有在props中声明父组件需要传入此属性,而父组件强行给子组件传递属性的行为。