ss_Tina的博客

在列表显示页面，头部有几个搜索框和选择框，由于搜索条件框太多，写了el-row 和el-col进行分行分列展示。测试发现并没有按照行列展示。

在el-table中有个按钮子组件，当el-table中只有一条数据的时候不会有错，但是当数据大于1条时页面就报错了。其实看起来是没问题。因为this.wordData在页面初始化调接口的时候也有赋值其他的数据，所以是将wordData定义在了 data里面。原来是打印了this.wordData才造成报错有无限循环，我如果用原来的代码去掉打印也是没问题的。后来我发现了上面的代码换成重新定义是没问题的不会报错，不用this.。后面我想还原错误，截报错图来发文的时候，随意去掉了注释，发现居然不报错啦！

js里面不能有es6语法，我是js里面写了循环，用了for(let i in obj),换var就行了。项目中使用ScriptEngineManager eval js的时候，报错。

要部署代码的时候，可以选中java文件夹，鼠标右键选reformat code，可以格式化文件夹里的类。类里面如果有*导的包，如：import java.util.*;当鼠标右键选Optimize import没用的时候，需要按图二设置idea，就有用了。sonar会扫描出很多问题，有些基本的代码格式问题，和*导包问题，unused import问题，这些基本问题可以在idea里面设置下就解决。如下示例，file加了说明，Exception也加说明。解决：注释的后面缺少一个英文句号“.”,加上即可。

发现执行sql的时候，id是字符串，并没有识别为字符串因此报错。最终调用 方法的时候传参手动加了单引号才执行成功。

el-upload上传图片转base64报错解决，el-upload 上传图片，读取文件成base64的时候，报错解决

页面不需要固定底部的场景，多出来固定底部bug修复。后面就是查看页面height设置，看有哪里的height设置的不对。果然搜索到一个造成这种情况的样式设置。将下面截图中的三个框出来的部分都去掉之后，页面就没有这个多出来的固定底部了。修改别人的页面时，发现页面上下滚动的时候，多出来了一个固定的底部。F12的时候对这个多余的固定底部也检查不到元素。

之后发现页面有报错，是setItem的错误，刚好点击下一步的方法里面，有一个缓存的设置sessionstorage.setItem。这个页面的元素是根据后端的配置生成出来的，页面渲染的时候，我先是从缓存里拿了数据赋值，然后才生成表单显示。可能两个方法的顺序问题造成ios无法回显。第一个页面上传了图片，第二个页面业务反馈无法回显图片。用浏览器和我的安卓机是可以回显的呀！修改方法调用顺序，先让页面表单元素渲染，再调用元素的赋值。查看是否有非必要的缓存，不能塞太多内容到sessionstorage。