zhangxiaodui的博客

场景最近有一个时而发生的bug，在生产环境下，我使用的NavMenu组件的展开收起小箭头，偶尔刷新的时候会出现乱码的情况。从网上搜索了好久，终于定位到了问题所在。是我这个项目使用的依赖包是sass，elementui使用的是node-sass，发现打的包里的app.css文件里的content:unicode字符集显示并不是"\e790"这种。解决1.卸载sassnpm uninstall sass --save2.安装node-sassnpm install node-sass@4.14.

一、属性方式<el-input placeholder="请选择日期" prefix-icon="el-icon-search" v-model="input1"> </el-input>prefix-icon也可以用iconfont里的图标<el-input placeholder="请选择日期" prefix-icon="iconfont icon-sousuo" v-model="input1"> &l

方法::v-deep .el-input__suffix { .el-icon-circle-close:before { font-size: 16px; font-family: 'iconfont'; content: '\e6f3'; color: rgba(152, 167, 185, 0.5); }}tip在这里用的是iconfont的图标，重点在于加font-family: ‘iconfont’；和修改content的值content: ‘

场景昨天还是在别人写的项目的基础上进行UI优化的时候，遇到一个覆盖element样式在生产环境失效的问题。首先我将.el-main这个类的覆盖样式写在了app.vue里，当然写在公共的css里也一样会遇到这个问题。.el-main { padding: 0;}其次element的css样式文件是在main.js里引入的。开发环境一切正常，我覆盖的el-main的类起作用了。但是打包放到生产环境，发现padding: 0;并没有生效。解决从开发者工具那里查看样式可以看到，element的

使用场景饿了么的table表格的序号我本来使用的是<el-table-column label="序号" type="index" width="50"></el-table-column>如果表格每页显示10条数据，这样表格的每一页的序号都是1到10。现在有个需求是第一页显示1-10，第二页显示11-20,。因此需要改一下。解决方法<el-table-column label="序号" width="50"> <template slot-scop

深夜记录一下这个问题，真的折腾了我一天，element的el-input上为了去除首尾空格，在v-model后面加了.trim,结果空格在输入框里压根输不进去。我记得之前写的项目就算加了trim还是可以输入空格的，等调后台接口时会直接把首尾空格去掉的，这次怎么不行了呢。其他人说他们的项目就可以呀，我还看他们在本地跑的项目确实是可以的。我胡乱检查了node版本，vue版本，element版本，又看了其他人的正常的项目里的版本，绕了一大圈，结果发现问题所在是element，它的版本问题。element官网上