工作笔记
monkey-7
能复现吗?不应该呀,等我看看代码嗷!我本地没问题阿!清一下缓存试试呢!用的啥浏览器?我看看返回!!!
展开
-
记一次favicon.ico的折腾
webpack.base.conf.js里的rules 配置 url-loader和html-loader 正常情况下应该能实现换路径了 但我的不知道为啥就一直报错。后来采用 直接打包前在项目里的index.html中指定href=./static/favicon.ico 从static里获取。正常前端npm run build打包后 dist内会根据设置自动生成favicon.ico文件在根目录下。并且在webpack.prod.conf.js里的。需要的效果 打包后 index.html里。原创 2024-05-07 16:55:59 · 322 阅读 · 0 评论 -
关于node.js奇数版本不稳定 将11.x.x升级至16.x.x不成功的一系列问题(一)
新老项目同时开发 新项目node版本要求高 老项目版本低 可以用nvm管理node版本 方便切换原创 2024-02-02 16:52:54 · 962 阅读 · 0 评论 -
将11.x.x升级至16.x.x不成功的一系列问题(二)node-sass sass-loader需安装指定版本
先根据node版本先锁定node-sass版本 然后再来回切换sass-loader版本 这玩应你就试吧 一试一个一个不吱声原创 2024-02-02 17:29:44 · 1108 阅读 · 0 评论 -
el-date-picker 选择一个或多个日期
el-date-picker可选择多个日期 type=“dates” 加个s 此外还有多个月 type=“months” 多个年 type=“years”原创 2023-12-12 15:59:16 · 881 阅读 · 2 评论 -
ECharts零基础使用思路 图表案例网站推荐
echarts0基础教程 如何从0开如整出一个饼图 各种图表案例网站推荐 echarts图表使用原创 2023-12-08 09:26:12 · 467 阅读 · 0 评论 -
el-table操作栏按钮过多 增加展开/收起功能
el-table表格操作栏按钮过多增加展开/收起功能原创 2023-12-07 17:57:14 · 1101 阅读 · 0 评论 -
Cannot read properties of undefined (reading ‘resetFields‘)“ 报错解决
因为还没渲染出 所以用$refs调用名叫‘dataForm’身上的resetFields方法 是undefined。此方法作用:对整个表单进行重置 将所有字段值重置为初始值并移除校验结果。解决方法: 使用$nextTick包上 等待dom更新之后再重置原创 2023-11-21 16:28:48 · 1717 阅读 · 0 评论 -
vue使用vue-signature-pad实现电子签名
公司项目新需求要增加客户触摸屏签字确认功能,网上找了vue-signature-pad和vue-esign 对比下 决定用vue-signature-pad 因为他带笔压!就类似数位板画画的压感 画笔线条不是固定粗细的。项目是3.0的 一开始还担心不能用 亲测安装最新版本是可以用地~ 他还能设置画笔粗细和颜色 。原创 2023-02-01 17:05:00 · 2468 阅读 · 3 评论 -
vue3.0使用vue-pdf-embed在线预览pdf 控制页码显示范围不生效问题
本来觉得把要展示到第几页的页码给到v-for的 i in PageRange 中的PageRange即可 但是本地没问题 打包部署就不显示pdf原创 2023-01-13 15:47:59 · 1706 阅读 · 4 评论 -
el-table切换页面时固定列操作栏里的按钮下方多出一条线
解决方法:给table加类名class=“table-fixed-class”是因为使用了fixed属性导致的原创 2023-01-13 15:25:13 · 484 阅读 · 1 评论 -
el-form动态表单切换显示/隐藏导致的校验报错
el-form 的el-select change事件 控制el-card里包裹的 el-tab-pane 表单 显示/隐藏原创 2022-12-27 14:31:29 · 2167 阅读 · 3 评论 -
el-table tree 默认展开一级
获取树之后遍历 将ID push到数组中 此处Array里面存放key的字符串 而不是number。我之前的element-ui版本为2.0.4 而表格树默认展开功能是要版本2.9.0以上才支持的。这几个属性 虽然有表格树的效果 但是默认展开这件事是没反应的 研究了好久才发现是版本问题 感到气气。在table中要设置 row-key expand-row-keys绑定一个key的数组。要求是一个表格展示树形数据,默认展开一级。原创 2022-12-27 13:51:36 · 3437 阅读 · 0 评论 -
el-input $event事件对象 使用js修改target.value时 v-model同步更新
el-input 传入事件对象 $event 修改target.value v-model不同步更新的问题 el-input 填写数值 保留2位小数 并自动补0原创 2022-10-24 16:47:15 · 1858 阅读 · 1 评论 -
前端常用素材网站整理
前端素材库网站集合原创 2022-07-22 17:54:32 · 4563 阅读 · 2 评论 -
解决vscode里的vue文件代码变白色
vscode vue代码没有颜色高亮原创 2022-07-13 18:12:57 · 16252 阅读 · 6 评论 -
el-table 用formatter 将接口返回的 多个数字类型的字符串 转换成对应汉字
element-ui的表格 el-table 使用formatter 对传入的数据进行自定义的格式化,截取字符串内的数字 转换成对应汉字原创 2022-07-13 16:52:41 · 1278 阅读 · 0 评论 -
element-ui 如何修改默认样式
例如el-form修改默认label样式 同样也适用于el-table样式修改 方法都相同 换汤不换药原创 2022-03-14 16:13:31 · 9934 阅读 · 4 评论 -
vue路由传参query和params的区别
vue路由跳转传参有两种方式 分别是query和params他俩有点区别先说query的传参// query 用 paththis.$router.push({ path: "/xxxpath", qurey:{ id:id }})query获取参数this.$route.query.idparams的传参// params 用 namethis.$router.push({ name: "xxxName", params:{ id:id }})获取参数th原创 2022-03-11 10:42:23 · 1887 阅读 · 0 评论 -
vscode设置自动保存
vscode设置自动保存方法 文件 => 首选项 => 设置 (快捷键是 ctrl+,)原创 2021-12-02 15:27:28 · 7148 阅读 · 1 评论 -
el-table根据表格某属性改变整行的颜色
:row-style="changeRed" 根据表格的某个属性改变整行的颜色原创 2021-12-02 11:42:11 · 5679 阅读 · 4 评论 -
get请求 问号拼接的参数 是特殊字符咋办
url 特殊字符编码encodeURI()和encodeURIComponent()原创 2021-12-01 18:26:18 · 1597 阅读 · 0 评论 -
四元运算符 多个三元运算符嵌套
箭头函数的实际应用性el-date-picker 控制日期选择范围的时候 拿data里的this.xx一直报错disabledDate(time) {// 这里面是拿不到data里this.xxx的 (报错undefined)}disabledDate:(time) => {// 但是箭头函数 可以拿到data里的this.xxx}箭头函数没有自己的this 它的this是继承而来 默认指向定义他时所处的对象(宿主对象)而不是执行时的对象...原创 2021-11-19 11:26:58 · 577 阅读 · 0 评论 -
v-html解析后台传来的html 含有script标签 将js当成字符串来编译咋办
前提:为啥 不用前端请求数据:因为数据是扒过来的 对方返回xml 后台转换 => 解析成html 再给前端问题:后台将html和js都返给我用vue的 v-html 虽然能渲染html 但是js不行 他不能识别里面的方法 会把js当成字符串来编译(尝试过将js文件放到前端 没好使 具体啥原因 时间太久了 我忘了)解决思路:秉承着笨人有笨方法 动态串创建script标签 然后截取到后台传给我的js内容 append进去<div v-html="html" ref="myHtml原创 2021-11-18 16:59:13 · 1664 阅读 · 0 评论 -
去掉img src为空时默认的图片边框
img的src没有被赋值的时候 默认有个小框框! 去掉border也没啥用正常情况下给个css样式 opacity:0img[src=""],img:not([src]){ opacity:0;}我这个图是直接给的base64 按照上面那种写法不生效<img :src="'data:image/png;base64,' + imageSrc" class="face-img">请求回来的图赋给 imageSrcthis.imageSrc= res.data.im原创 2021-10-29 18:10:53 · 474 阅读 · 0 评论 -
vue大屏数据展示组件库推荐
也是偶然发现的一个大屏数据可视化组件 挺好使网址:http://datav.jiaminghi.com/这个组件库是基于Vue (也有React版本)主要用于构建大屏数据展示 数据可视化npm安装npm install @jiaminghi/data-view注册组件为全局组件import dataV from '@jiaminghi/data-view'Vue.use(dataV)具体看文档http://datav.jiaminghi.com/guide/Demo原创 2021-10-09 14:50:40 · 1260 阅读 · 0 评论 -
VSCode必备插件(10个)
Auto Close Tag可以自动闭合HTML标签Auto Rename Tag自动修改相匹配的HTML标签Chinese (Simplified) Language Pack for Visual Studio CodeVScode设置中文(安完重启一下软件)ESLintjavascript代码检测工具HTML CSS Supportcss样式自动补全JavaScript (ES6) code snippetsES6语法智能提示open in brow..原创 2021-09-28 17:40:29 · 3652 阅读 · 0 评论 -
后台返的base64 pdf文件如何预览在页面上
引入vue-pdf插件 注册 使用(pdf只显示第一页)<pdf :src="pdfData"></pdf>(pdf全部显示) <pdf v-for="i in pdfPage " :key="i" :src="pdfData" :page="i"></pdf>created() { this.getPdf()}methods: { getPdf(){ let Base64 = require('js-base64').Base64原创 2021-09-27 17:59:11 · 457 阅读 · 0 评论 -
echarts控制台警告 There is a chart instance already initialized on the dom.
(近期遇到的两个echars报错 以及一些echarts问题的整理)(1)ECharts 控制台警告There is a chart instance already initialized on the dom.注意下给echarts ID时 别重复命名的这个问题虽然不会报错 但是控制台会有警告Dom 上已经初始化了一个图表实例改个id名就行(2)echarts报错cannot read property “setOption” of null因为之前 this.chartl原创 2021-06-11 11:51:14 · 2425 阅读 · 0 评论 -
vue中nextTick的实际应用
vue中nextTick的实际应用简单来说就是:页面数据渲染完成之后再调用在使用Vue框架的时候,有时候需要在Vue在页面数据渲染完成之后调用方法,不然获取不到准确的数据,特别是在获取列表的高度的时候,由于数据没有加载完,获取不到准确的高度。之前在使用jquery的时候,有ready可以帮助我们实现,但是Vue不存在此类方法,我们需要结合watch和nextTick来实现。nextTick:在下次 DOM 更新循环结束之后执行延迟回调watch:用于观察Vue实例上的数据变动 对应一个对象 键是观原创 2021-04-27 16:34:58 · 198 阅读 · 0 评论