手机访问网站建设中,重庆中国建设监理协会网站,北京最大的网站建设有限公司,广州seo建站临近年关#xff0c;同事们该回家的也都回家了#xff0c;所以我对工作的欲望不是很强烈#xff0c;所以就主要是自己学习了一下#xff0c;在 B 站看看视频#xff0c;自己敲代码#xff0c;所以今天没遇到什么坑#xff0c;但是可以分享一下之前踩到的两个坑。 此为第… 临近年关同事们该回家的也都回家了所以我对工作的欲望不是很强烈所以就主要是自己学习了一下在 B 站看看视频自己敲代码所以今天没遇到什么坑但是可以分享一下之前踩到的两个坑。 此为第三篇2024 年 02 月 07 日 问题一 问题背景解决控制台报错的时候发现了一个错误主要是针对后端返回数据与前端所需要的不一致。在使用 Element UI 这个组件库的时候会使用到一些组件比如表格、表单等这些后台管理系统中常用的组件在使用这些组件的时候往往需要我们绑定一些数据这些数据大多是后端返回的前端直接渲染即可。 问题描述前端组件期望接受一个参数这个参数是一个字符串但是后端返回的却是 null 很多情况下都是这样所以控制台就报出一个错误大致意思就是期望得到一个字符串但是得到了一个 null 。虽然不影响渲染和使用但是在控制台报错使我这个强迫症患者很难受于是也就一并解决了。 因为我是做前端开发的所以这里咱们就不写 demo 了这个问题也很通俗易懂直接开始我们的解题思路分享吧~~~ 解题思路 控制台报出的错误已经很明显了就是需要接受一个字符串类型的参数但是得到了 null 那我们就需要把后端所有返回 null 的属性值全部替换成空字符串‘’即可。 // 在这里我写了一个工具类工具类暴露出一个 formdate 方法对返回数据进行以一个格式化
export default {formdate: function(data) {return JSON.parse(JSON.stringfy(data).replaceAll(/null/, ))}
}在这里我的思路是 先将接收到的数据传递到 formdate 方法中然后将传递过来的数据通过 JSON.stringfy() 方法转换成 JSON 字符串。 然后采用字符串的 replaceAll() 方法将字符串中的所有 null 转换为空字符串。 最后通过 JSON.parse() 方法解析刚才的字符串并返回。 这样我们在使用的时候就可以将后端的返回数据通过包裹一层 formdate 方法来达到将 null 换成字符串的需求。
当然解决方案并不只是这一种大家有其他思路的也可以分享在评论区。
问题二 问题背景今天闲着无聊自己构建了一个 Vue3 的项目在这个过程中遇到了一个错误百度了一下没有找当相关的经验不是很难但是还是想跟大家分享一下。 问题描述在构建 Vue3 应用的时候想着使用 Eslint 对代码进行格式化校验于是下载完 Eslint 之后使用 npx eslint --init 的初始化 Eslint 配置的时候控制台报了好长一串错误我人都麻了。。。 报错信息如下
以前没有见过这个报错霎时间有点不知所措赶紧去百度但是找了半个小时并没有找到相关的解决方案于是抱着自己试一试的心态猜测可能是因为当前电脑用户没有权限于是乎使用管理员打开了 power shell 输入 npx eslint --init 在我的注视下它竟然奇迹般的成功了很不可思议我猜这东西应该不是很难所以百度没有提供相关的经验吧。
声明
作者只记录自己在公司踩过的坑以及提供自己的解决思路如果有误请联系作者进行修改不接受以任何形式的诋毁谩骂。如果有更好的方案也可以联系作者进行讨论互相学习。
如需转载请注明文章来源。
