- 博客(18)
- 收藏
- 关注
原创 Element源码 -- tableColumn 提示框 tooltip 移入移出
使用到 Element–Table 中的 show-overflow-tooltip=“true” 实现文本内容过长时显示省略号及 tooltip 提示框,需求有提到:在提示框内是需要可以复制的,直接使用现况是 做不到把鼠标移入提示框内,更不用提复制了:如果是二次封装 element 组件的话,可以在封 table-column 时覆盖下: 更改 element 源码(简略)
2023-07-24 14:47:59
612
2
原创 倒计时 -- setInterval / requestAnimationFrame实现
setInterval vs requestAnimationFrame
2023-02-18 16:59:23
515
原创 使用element的DateTimePicker报错Error in render: “TypeError: date.getFullYear is not a function“
编辑数据时,点击清空时间重新选中都没什么问题,但一点击显示的时间准备修改就会报错看了type,格式都没什么问题原因:后端数据返回时是string格式!!所以会报以上错误解决:将v-model绑定的时间转换成格林威时间就可以了item.dueTime = new Date(item.dueTime)...
2021-07-28 16:44:45
3392
原创 瀑布流 重组动画
想要通过js原生写,后来知道了vue还有个自带动画 进入/离开 & 列表过渡,看实例 这个可以说非常方便了,且非常符合我这个动画需求首先需要把初始静态布局写好,一开始是通过position定位后动态给每个标签赋值height,top,left来实现瀑布流布局,用到vue过渡效果时,发现并没有实现重组的动画效果,官网上说需要注意的是使用 FLIP 过渡的元素不能设置为 display: inline 。作为替代方案,可以设置为 display:inline-block 或者放置于 flex .
2021-05-14 11:14:10
190
原创 文件下载、element-upload的文件手动上传
1、文件下载调用后端接口返回文件流。前台解析axios({ method: 'get', url: `/Download/ExportUserTemplate`, headers:{ 'Content-Type':'multipart/form-data',//contenttype要设置 token:token//后台要此判断权限 }, responseType: "blob" //必须设置,不然导出的文件无法打开,会提示没有权限什么的}).
2021-04-12 16:44:19
464
原创 html2cavans 插件
vue移动端微信公众号项目应用html2cavans插件实现将html内容转为图片并保存到相册(实测兼容安卓,ios)问题1:安卓端可生成图片,ios端系统在13版本以下的生成失败解决 :修改npm html2cavans的版本先移除之前安装的 npm uninstall html2canvas然后安装指定版本 npm install --save html2canvas@1.0.0-rc.4问题2:安卓端图片保存失败解决 :将html2cavans生成的图片转为b
2021-03-10 18:04:21
476
原创 微信H5页面图片无法显示问题
给img增加父级标签包裹,样式写在父级**显示有问题写法**<div> <img :src="`${item.path}`" alt="" class="detailCover"></div>.detailCover{ width: 3.6rem; height: 5.04rem; border-radius: .1rem;}**解决写法**<div class="detailCoverDiv"> <i
2021-03-05 10:08:25
1613
1
原创 移动端在线预览pdf,word资源
问题1:https网页不支持嵌入http资源报错:Mixed Content: The page at ‘https://xxx.html’ was loaded over HTTPS, but requested an insecure resource ‘http://xxx.pdf’. This request has been blocked; the content must be served over HTTPS.解决:ngnix部署,http变成https访问问题2:pdf
2021-03-04 09:39:11
1049
1
原创 vue 列表 点赞/评论 局部刷新
在遍历数据时 前端手动增加字段用来暂存点赞或刷新的数据this.list.forEach(element => { if(!element.Praise){ //点赞数量 element.Praise = {Count:0,Data:[]} } if(!element.Comment){ //评论数量及内容 element.Comment = {Count:0,Data:[]} }});当接口返回成功信息时再进行操作,可以保证前端和数据库的数据是一致
2021-01-25 10:51:27
1580
1
原创 errmsg:config:invalid signat
微信 JSSDK使用 及 开发记录开发描述:在页面中可以同时发布文字,音频以及图片,点击添加会弹出选择框(录音,图片) 点击录音后会跳转到另一页面 进行录音操作在这里调用微信JS-SDK说明文档中 5 音频接口1.安装 sdk 后在页面中引用 weixin-js-sdk2.使用微信 js 进行授权配置 GetWxConfig({ url: url }).then(data => { if (!data.iserror) { wx.con
2020-12-02 16:57:56
1043
原创 使用elementui实现三级菜单左侧显示以及用户权限修改
menu组件实现三级菜单左侧菜单栏显示 <el-menu :default-active="$route.path" class="el-menu-vertical-demo" background-color="rgb(5, 29, 53)" text-color="#fff" active-text-color="#ffd04b" :collapse="isCollaps
2020-09-09 16:49:18
1949
原创 记,第一个独立完成的项目Q
问题如下根据接口请求地址变更需求因为想要打包后也可以在服务端直接修改请求接口的地址,所以在public文件夹下新建config.js(public文件存储静态资源的,放在public目录下的资源会被直接复制,不会经过webpack的打包处理)//将变量直接挂载到 window 上window.Global = { baseURL: 'http://xxxxx', // baseURL: 'http://xxxxx',}之后在index.html中引用 <script
2020-09-09 16:39:13
198
原创 add数据,动态创建表单以及表单规则
动态创建表单data() { return { form: { Title: "", Img: "", }, rules: { Title: [{ required: true, trigger: "blur", message: "标题不能为空" }], Img: [ { required: true, trigger: "blur", message: "资源路径不能为
2020-09-09 15:38:57
356
原创 el-image增加大图预览功能控制台报错[Vue warn]: Invalid prop: type check failed for prop “previewSrcList“.
el-image增加大图预览功能控制台报错[Vue warn]: Invalid prop: type check failed for prop “previewSrcList”. Expected Array, got String with value “http://xxxxxx.png”.后台返回的数据是以字符串形式返回的,在显示列表时,已经整理好数据格式为array,但是还是报错加了一个过滤,可能起到双重过滤的作用,就不再报错了 <template slot-scope
2020-09-09 15:20:00
3302
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人