- 博客(14)
- 收藏
- 关注
RSS订阅原创 eslint 注释整块代码容易混淆
在使用eslint的项目中，有时会报一些警告，但其实这些警告可有可无，由于我们要求不能超过几个警告以及报错，所以要解决，那最好的解决办法就是忽略此块代码的校验，所以会用到eslint的注释，有时可能写了注释之后发现没效果，找了半天原因~~~原来是因为注释的标识容易写成/** */，因为编辑器有自动补全功能，所以根本没发现，当时找了半天问题，才发现注释标识错了（苦笑.png），所以一定要注意是。
2024-08-23 10:09:07
152
原创 vue2 echarts作为子组件，动态更新图表
项目中有一个需求就是既要显示表格table又要显示图表（eg:饼图，折线图，柱状图..etc.）由于表格有新增编辑功能，故 数据变化时，图表的数据也要变化，而echarts是子组件，数据是从从父组件传过来的，此时要通过watch深监听数据，即数组，一开始遇到的难点是在watch里报错，后来查找资料，说是this.chartData没有series数据，明明有啊，（不晓得为啥~~）后面又换了一种写法。以上代码是针对饼图的数据，当然，柱状图和折线图一样的道理~
2024-08-21 15:26:00
145
原创 关于将伪数组转为真数组方法
所以想要将Set()之后的伪数组转为真数组，可以用扩张运算符（...）这个方法相信是大家经常用的，但其实还有一个方法：Array.from()它是数组新增的方法；项目中遇到要给数组去重的，不想一一循环，就用了new Set()方法：在JavaScript中，对象中的唯一值转换成一个真正的数组。方法则提供了一种更通用、更灵活的方式来从类数组对象或可迭代对象中创建一个新的数组实例。对象允许你存储任何类型的唯一值，无论是原始值或者是对象引用。在实际开发中，你可以根据自己的喜好和具体场景选择使用哪种方法。
2024-08-15 09:34:30
135
原创 sheetjs（XLSX）导出：样式问题
插件，刚开始挺好的，上传什么样，展示什么样，导出什么样，但是它只支持xlsx格式，并且对于大文件，渲染极其慢，中间也采用了前后端分离，让后台去解析返回json数据给前端，但是由于数据很大，前端渲染还是很慢！，它支持xlsx，xls等格式，前端渲染对于大文件也很快~但界面没有luckysheet好看，无所谓了~，领导说只要实现功能即可~~~需要把{cellStyles:true}这个属性，在读取和写入时都写上才可生效~~~~项目中用到需要前端解析excel并展示出来，还要前端导出，一开始用。
2024-07-15 10:22:47
328
原创 [Vue warn]: Avoid mutating a prop directly since the value will be overwritten vue报错
我遇到这个情况不是我手动修改从父组件传过的值，而是我把ui组件的弹框封装成了子组件，在执行右上角叉号“X”关闭时，报错的，找了好久，没找到原因，可能是组件的内部执行的，后来我就给传过来的值，用computed计算属性，这才解决问题，对此，有感而发，建议以后父组件传过来的值，子组件需要更改时的情况，建议先计算属性赋值，再。：在子组件中创建一个新的 data 属性，并将 prop 的值赋给它。的值，这会导致当父组件重新渲染时，你在子组件中做的任何修改都会被父组件传递过来的新值覆盖。
2024-07-01 10:23:22
555
原创 关于vue中render函数渲染
其他功能需要在表格单元格内渲染，那elementui组件给的scope作用域形式，而我的项目组件用的是vue的render函数渲染，当时遇到一个问题就是点击事件，点击事件不能直接引用调用函数this.functionName()（也就是带小括号的，必须是只有函数名称this.functionName）,不然会页面一加载就会执行函数内的逻辑，这只是针对于不需要传值的功能，可以直接写函数名，不用加箭头函数，那对于需要传值的函数怎么办呢？最近在开发公司项目，用的是基于vue开发的组件库，其中有表格功能，那。
2024-06-13 14:01:45
189
原创 Error: error:0308010C:digital envelope routines::unsupported
原因：是因为 node.js V17版本中最近发布的OpenSSL3.0, 而OpenSSL3.0对允许算法和密钥大小增加了严格的限制，可能会对生态系统造成一些影响.在node.js V17以前一些可以正常运行的的应用程序,但是在 V17 版本可能会抛出这个异常。修改配置文件，解决报错。
2024-05-28 17:34:02
183
原创 关于npm 时，node-saas报错
4，有时候，npm 缓存可能会导致依赖安装问题。的版本，你需要将其更改为正确的版本或完全移除，并依赖。在 6.x 版本之后就不再维护了，推荐你考虑迁移到。已经被废弃，并且存在编译上的兼容性问题，推荐使用。的 4.x、5.x 或 6.x 版本，你需要将。到一个更新的版本，因为较新的版本可能支持更多的。如果你使用的是 yarn），然后重新运行。最后，你可能需要更新你的应用程序依赖项和。在你的 webpack 配置文件中，确保。的配置是正确的，并且它正确地指向了。或者，如果你只想更新特定的包（如。
2024-05-28 17:29:59
649
原创 Vue3 reactive 重新赋值响应式对象
在项目中，难免遇到动态更新数据的问题，比如，初始化定义一个reactive响应式对象，待后台接口返回数据时，需要更新这个响应式对象，如若直接赋值更新，会失去响应性，因为返回数据不是响应式对象，那有同学会说“我给返回数据定义一个reactive响应式对象，不就可以了”其实不然，即使你将响应式对象赋值给已知的响应式对象了，但结果可能不是你想要的~（狗头.png），因为在vue3底层逻辑中每次重新定义一个reactive对象他都是独立的对象，哪怕之前你用的是相同的数据，所以。1，直接修改响应式对象属性。
2024-05-09 10:24:27
1208
原创 Vue3中关于ref reactive
如果你的应用状态变得复杂，并且你经常需要重新赋值或更新状态对象，那么考虑使用 Vuex 或其他状态管理库可能会更有帮助。如果你只需要顶层属性的响应性，并且不希望 Vue 追踪深层属性的变化，这些 API 可能会很有用。相反，你可以更新对象的属性，或者如果你需要一个新的数据结构，可以考虑使用其他方法来合并或更新现有对象，而不是完全替换它。对象中的数据，而不是替换整个对象，你应该直接修改其属性。可以用于对象或数组，但它通常用于基础类型值，并且对于对象或数组的深层响应性支持有限。）的值，但也可以用于对象或数组。
2024-05-08 16:19:44
470
1
原创 vue3中重新赋值给已知reactive响应式对象失去响应式
对同一个值或类似的值重新赋值时，并不意味着你会得到同一个响应式对象实例。但是，如果你确实有一个新的数据结构，并且你想要用这个新的数据结构替换整个。对象本身已经是响应式的，并且 Vue 的响应性系统会跟踪其属性的变化。相反，你应该直接修改该对象的属性，因为。都会创建一个新的响应式对象，即使它们的原始数据看起来一样。是两个不同的响应式对象实例，尽管它们的初始数据相同。在 Vue 3 中，如果你想要重新赋值一个已知的。对象的响应性，因为新的数据结构不是通过。对象并保留响应性，你应该创建一个新的。
2024-05-08 16:06:22
1579
2
原创 运行项目报错Assignment to constant variable.
用于声明一个只读的常量。但是，请注意，如果你声明了一个常量并赋值为一个对象或数组，你可以修改这个对象或数组的内容，但你不能重新给它赋值一个新的对象或数组。Vue3运行项目报错Uncaught TypeError:Assignment to constant variable，这句话中文翻译是。原因：因为代码里一开始初始化一个变量用const定义的后来又修改了，这里是const定义理解不透彻原因。赋值给常量，未捕获的类型错误；
2024-05-08 15:31:16
1442
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人