npm prettiernpm install --save-dev --save-exact prettier在和package,json文件同级下创建一个.prettierrc文件文件中配置你的项目文件格式化内容{"semi": false,"singleQuote": true,"bracketSpacing": true,"trailingComma":"none","arrowParen

下面分享部分自用的好用的webstorm插件1. 中文插件我这里是已经安装了中文插件的了。英文版的操作是一样的File -> Settings->Plugins->搜索 chinese 即可操作步骤如下：安装完成之后重启Webstorm即可2. 图标插件个人觉得系统默认的图标不是很好看，所以去插件市场找了一个图标插件。插件的名字： Atom Material Icons操作步骤如

使用自定义字体包太大导致加载太慢解决办法 用font-spider字蛛解决自定义字体包太大的问题

背景：产品提出需求在饼图中间放两行文字且居中“简单，劈劈啪啪写完了”产品再提出你这个没有自适应啊，屏幕放大、缩小你这个就没有居中了，甚至会和饼图重叠“emmmmm…"

element el-table 表格渲染数据 后台返回的数据的是状态值 前端需要转换显示文字 快速展示对应的文字比如后端的返回数据state是 0、1、2，分别代表 归档、到期、正常。而我们要在表格中快速的展示出对应的文字。如图所示：直接上代码<el-table-columnlabel="状态"><template slot-scope="scope">{{ dataSt

element-ui el-table表格展开行 并且默认展开一行<el-tableref="table":data="tablesData"style="width: 100%":header-cell-style="{background: '#FAFAFA',color: '#000000',borderRight: '1px s

封装axios form-data 针对统一的formData入参方式1. 在axios中，设置请求头的content-typeconfig.headers.post['Content-Type'] = 'multipart/form-data'2.封装请求//* 封装post请求export function post(url, data = {}) {return new Promise((r

由于下拉数据比较多，造成卡顿用户体验极差，所以使用滚动加载的办法提高用户体验方案一：（局部自定义一个指令）第一步（创建指令）export default {directives: {loadMore: {bind(el, binding) {// 获取element，定义scrolllet select_dom = el.querySelector('.el-select-dropdown .el

目前发现resetFields()，有以下两种情况可能会导致失效：情况1、el-form-item没有加上prop属性需要重置的表单项el-form-item必须要加上prop属性，并且prop属性的值必须和数据双向绑定的值最后面保持一致element-ui 提供的文档如图：图例如下：情况2、在mounted之前给表单赋值（mounted DOM未挂载完成）在mounted之前赋值会被当成是初始值