有用的小技巧又get了^0^

前端中用到的技巧

1.js数组对象获取对象部分属性组成新数组
2.el-table-column内容超过width，显示省略号---->在el-table-column中增加属性show-overflow-tooltip=“true” 就可以实现了
el-table单元格内容过多
3.el-table-column中插入icon
4.修改el-table组件中鼠标悬停（hover）样式

/deep/tbody tr:hover>td{
cursor:pointer;
background-color:#fff;
}

5.使用setInterval刷新获取数据时，页面出现闪烁的问题
setInterval刷新页面
6.elementui页面刷新后，checkbox状态丢失
checkbox状态保持
7.使用element-ui布局容器，出现双滚动条的问题
如果需要溢出部分的内容并交给浏览器最外边的滚动条，则设置overflow: visible;
8.vue中table接收到空数据显示‘-’
9.el-tree中的默认样式修改
10.插件：JSON格式显示在界面上
11.渲染键值对，用computed处理数据
12.el-tree中的相关资料
树形控件给节点添加图标
使用＜/el-tree＞组件增加自定义树节点的图标
修改默认样式
13.js对象长度判断
14.安装完echarts以及它所依赖的包，出现报错vue package version mismatch(主要就是vue与compiler版本不匹配的问题)
解决方案
在书写二chart.js文件的时候出现报错：cannot read properties of undefined(reading ‘init’)
solution:修改引入方式 import * as echarts from ‘echarts’
15.vuex相关内容
注意：vue比vuex低一个版本
将获取到的数据存到state中
页面刷新，vuex数据依然存在
16.下载文件
vue中下载文件的几种方法
下载文件
17.正则项相关
正则项匹配
18.vue实现实时刷新，学到了
setInterval实时刷新
19.keep-alive
20.一直刷新数据，渲染页面
21.数据过长显示，可以使用substring进行截取示例
22.前端vue打包部署文档
23前端项目练习超多感谢！！
24.报错：Error in render: “TypeError: Cannot read properties of undefined (reading ‘exec_path’)”
主要是由于要拿的数据层级比较深，并且由于是异步，所以会报错，方法：v-if判断条件中增加之前两层数据存在的判断
解决方法
25.forEach坑：foreach不能有返回值，返回值都是undefined，如果需要返回值，可以用一个全局变量来接收
26.vue将页面转成pdf并下载参考视频
1)下载对应的库

npm install html2canvas --save
npm install jspdf --save

2)编写函数 src/utils/htmlToPdf.js
3)在vue文件 中使用函数
27.vue中引入图标的步骤
1）首先在assets目录下创建iconfont文件夹
2）将本地下载的文件.woff、.woff2、.ttf以及iconfont.css文件增加到iconfont文件夹中
3）在main.js中引入iconfont.css文件
4）然后就可以使用啦

aaa表示iconfont文字类型， el-icon-xxxx表示引用的图标名字

28.vue.nextTick
理解nextTick