- 博客(7)
- 收藏
- 关注
原创 vue-quill-editor 富文本 自定义图片上传操作
背景描述使用默认的图片上传的操作, 图片经过转码后字节过大, 后端可能会保存失败解决思路使用element 的上传组件, 重写富文本默认的上传事件; 触发ele的上传, 拿到上传后的文件信息,将此存在云端上。 利用云端给出的地址给quill-editor 赋值并传给后端。上代码!!!!1、安装插件 npm install vue-quill-editor --save2、 引入插件我们是nuxt的工程, 须在nuxt.config.js中引入, 普通vue工程直接...
2022-04-09 21:43:59 2624
原创 有关el-select选择器内容展示不完整的解决方案
最近接手个工程, 发现了el-select展示不完整;效果如下如图应该是代码里有之前设置的默认样式导致; 不过由于时间太紧急,没来得及细细查找问题 而是采用了个简单粗暴的办法。1. 给el-select 标签上插入 :popper-append-to-body="false"2. css样式 里写 ::v-deep .el-select-dropdown__wrap.el-scrollbar__wrap { margin-bottom: 0 !important; .
2022-04-09 20:59:01 5102 1
原创 el-table 控制cell的上下移动
近期在项目中遇到了要将表格cell进行上下移动的需求,于是乎来记录一下功能的实现过程具体的需求效果是在表格的cell上通过两个按钮来实现表格的上下移动, 具体代码如下上移动:moveUp(index, row) { const that = this // console.log('上移', index, row) if (index > 0) { const upDate = that.tableData[index - 1] that.ta
2022-02-09 00:56:40 1008
原创 el-input,禁止粘贴, 禁止拖拽输入
原理分析 流览器的 事件传递机制是 (先捕获,后冒泡)的过程 , 粘贴的时候会先执行绑定在外层div上的paste事件捕获方法, 然后再到内层的input, 因此可以在组件上捕获监听paste事件, 并阻止向下传播即可代码如下<el-input v-model="input" placeholder="请输入内容" @paste.native.capture.prevent="inputPress"></el-input>methods...
2021-08-13 01:51:49 2526
原创 el-input-number将null解析为0
今天测试小姐姐发现了个问题 , 在使用el-input-number时 会把null类型解析为0 展示上去, 显然这样是不对的假设后端给的字段是 sum : null , 我们给它 定义成undefined即可if(sum === null){ sum = undefined}...
2021-08-13 01:26:02 1002
原创 vue 给元素设置背景图片
最近,有个需求你要给元素设置背景图片, 突然发现直接background-image不好使了, 于是采用了一下的方式来解决首先在data中定义data(){ return { backImgStyle: { backgroundImage: "url(" + require("@/assets/image/sky.png") + ")", backgroundRepeat: "no-repeat", backgroundPosition.
2021-08-13 01:20:51 694
原创 vue 端口被占用 address already in use
开发过程中, 我们会固定的写一个端口号, 每当我们不小心启动多个终端的时候就会提示端口号被占用具体报错信息如下:解决措施 一 mac系统 1 打开电脑的终端 2 输入以下代码 sudo lsof -i:XXXX(端口号) 3 输入你的密码, 随后会出现以下内容 4 输入命令 su...
2021-08-13 01:09:23 346
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人