06 2021 档案

element UI遇到的问题
摘要：1. 在el-dialog中获取el-table的ref为undefined 问题：虽然设置了el-dialog的visible为true，但此时Dom并没有更新，因此在Dom更新前取不到el-table。 解决：通过vue.nextTick()方法，在Dom更新后再获取el-table。 阅读全文
posted @ 2021-06-10 10:53 shellon 阅读(125) 评论(0) 推荐(0)
ts 遇到的问题
摘要：1. Property 'generatePdf' does not exist on type 'Element'. 问题：ts类型校验报错，使得编译失败 解决方法：将报错字段定义为any类型 阅读全文
posted @ 2021-06-10 10:43 shellon 阅读(97) 评论(0) 推荐(0)
使用 juqery.media.js 实现 pdf 预览
摘要：作用：可以实现在指定的位置预览PDF 缺点： （1）在iPad上只能预览一页PDF。（问题是iPad会将PDF转为img呈现，试了将img宽度设置为100%方法但并不好使） （2）在安卓上不能预览，依旧是下载。（问题是因为安卓浏览器不支持预览PDF，只能下载后用app打开） git地址 https: 阅读全文
posted @ 2021-06-08 11:11 shellon 阅读(517) 评论(0) 推荐(0)
vue项目中Webpack-dev-server的proxy用法
摘要：问题：在VUE项目中，需要请求后台接口获取数据，这时往往会出现跨域问题 解决方法：在vue.config.js中devServer配置proxy 常用的场景 1. 请求/api/XXX现在都会代理到请求http://www.baidu.com/api/XXX，例如/api/login代理到请求htt 阅读全文
posted @ 2021-06-08 10:44 shellon 阅读(984) 评论(0) 推荐(0)
更换vue项目中标签页icon
摘要：问题：在vue项目中， 需要将标签上的icon换成自己所需的，发现在更换了public/favicon.ico后，没有生效，依旧是原来Vue的icon。 解决办法：在vue.config.js中，修改pwa配置 代码 module.exports = { pwa: { iconPaths: { fa 阅读全文
posted @ 2021-06-07 17:06 shellon 阅读(1244) 评论(0) 推荐(0)
通过css实现表格的斜线
摘要：效果图 实现思路 编辑一个svg文件，可以自定义线条颜色和粗细。 将svg文件转为base64格式，作为背景图属性设置。 svg转base64的网址：https://www.sojson.com/image2base64.html 实现代码 # line.svg <svg xmlns="http:/ 阅读全文
posted @ 2021-06-07 15:08 shellon 阅读(1039) 评论(0) 推荐(0)
前端实现list排序
摘要：需求 针对list中某个字段，实现list的升序和降序 效果图 代码 我是用在angular1.X中项目的，根据list中的sort字段进行排序。 # sort.html <style> .list-sort .upper-sort { width: 0; height: 0; margin-bot 阅读全文
posted @ 2021-06-07 14:50 shellon 阅读(1204) 评论(0) 推荐(0)
lightgallery 使用
摘要：用途 图片预览，支持多图片滑动预览 git 地址 https://github.com/sachinchoolur/lightgallery.js 代码 # idnex.html <script src="js/lightGallery.js"></script> # imagePreview.ht 阅读全文
posted @ 2021-06-07 14:36 shellon 阅读(668) 评论(0) 推荐(0)
input type 使用
摘要：type属性值 hidden： 隐藏. text：文本 search：搜索 tel url email password：密码 date：日期选择器 month：月份选择器 week：周选择器 time：时间选择器 datetime-local：日期时间选择器 number：数字。 range：范围 阅读全文
posted @ 2021-06-07 13:48 shellon 阅读(86) 评论(0) 推荐(0)
Signature Pad 使用
摘要：实现功能 能够在移动设备上实现电子签名，并保存为图片 git地址 https://github.com/szimek/signature_pad 参数说明 dotSize：点的大小（在屏幕上点击留下的点大小，单位：px） minWidth： 线的最小宽度（单位：px，默认：0.5） maxWidth 阅读全文
posted @ 2021-06-07 13:17 shellon 阅读(2363) 评论(0) 推荐(0)