![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
记录工作中前段出现的问题
论如何成为一个优秀的码农
这个作者很懒,什么都没留下…
展开
-
数组对象数据修改后页面没有更新,无法进行编辑,校验失效问题
在 Vue 中,当你通过 Object.assign 或其他方式修改了对象中的某个属性时,Vue 并不会触发组件重新渲染,因此表单中的 input 框无法及时更新。这是因为 Vue 的响应式系统是基于对象的引用来触发更新的,简单的赋值并不会触发视图的重新渲染。总结:为了确保 Vue 在修改数据后可以正确更新视图和保持表单校验的有效性,需要使用 Vue 提供的方法来触发响应式更新。2.使用 Vue 的 $set() 方法:$set() 是 Vue 实例的方法,用于设置对象的属性值。原创 2024-06-04 16:08:56 · 228 阅读 · 0 评论 -
数组元素去重
5.if (idData.indexOf(id, 0) === index) {:在回调函数中,使用 indexOf() 方法查找当前元素 id 在数组 idData 中的第一个索引位置,如果该索引位置等于当前处理的索引 index,则说明当前元素是第一次出现,即不是重复的元素。2.idData.filter((id, index) => {:调用数组 idData 上的 filter() 方法,这个方法接受一个回调函数作为参数。9.}):闭合 filter() 方法的回调函数。原创 2024-05-27 16:07:03 · 230 阅读 · 0 评论 -
利用 设置空格
或者{{ item.name + ' ' }}或者{{ item.name + ' ' }}想要实现上面效果,一开始直接{{ item.name }} 都无效,后使用下面方法实现想要的空格效果。原创 2024-02-20 16:52:41 · 356 阅读 · 0 评论 -
实现Slider 滑块组件标记动态变化
【代码】实现Slider 滑块组件标记动态变化。原创 2024-02-20 16:37:16 · 584 阅读 · 0 评论 -
数组对象数据转换
【代码】数组对象数据转换。原创 2023-10-24 17:22:01 · 44 阅读 · 0 评论 -
使用v-radio-group组件不回显数据问题
2.值类型匹配问题:确保this.mdl.affinity的值类型与v-radio组件的label属性值类型一致。3.生命周期时机问题:如果页面启动时已经给this.mdl赋值,但v-radio-group组件的渲染发生在created阶段之后,那么可能会导致初始值没有正确传递给组件。检查this.mdl和this.item对象,确保它们是在Vue组件的数据中正确声明的,并且this.item中的affinity属性已经被正确赋值。用data 属性来初始化渲染radio项。排查原因后,发现问题。原创 2023-07-28 10:48:00 · 472 阅读 · 1 评论 -
前端重复异步请求导致数据重复问题
如果多次调用至第二次请求执行时,首次调用还未完成,那么数组 nodes 中将不会有数据。会导致第二次请求获取到的可用数据不足,从而出现重复的数据。2)数据加工:第二次请求获取的数组 res.data.records 的项和第一次请求的项也可能有重复。因为在第二次请求时,第一次请求获取的所有数据可能仍未完全处理完成,因此新获取的数据项将会与已请求数据进行合并,从而导致数据重复。js中有以上showNodes函数,函数里的异步请求多次调用,第二次调用时发生一些问题导致nodes中出现了重复数据。原创 2023-05-15 17:52:18 · 372 阅读 · 0 评论 -
JS中setInterval()和clearInterval()的使用
原因:用console.log(_this.refreshTimer)可以看出这个refreshTimer不是定时器本身,它只是一个用于传递定时器id的返回值,如果把他当成一个可以覆盖的值每次都清除再初始化就错了,连点两个镜像的验证按钮,每一次给refreshTimer赋值都是在创建新的定时器对象,第二个值会请求到状态值变化快(镜像文件越大,后台验证的越慢)的那个会执行clearInterval(_this.refreshTimer);原创 2023-06-02 13:25:36 · 356 阅读 · 0 评论 -
前端checkbox组件加载对象数组
情景阐述:前端有一个表单,在新增或者编辑时会visible,表单中有一组checkbox,用于记录集群运行节点,这组checkbox的数据源来自集群信息查询,可多选,在前端选中值以数组存储显示,在后端以string存储。join()和toString()方法可将多维数组转为字符串,默认情况下使用逗号连接。另外,当数组元素为undefined、null或空数组时,对应的元素会被转换为空字符串。在开发中,若需要将数组转换为字符串,可以利用数组对象的join()和toString()方法实现。原创 2023-05-15 16:25:03 · 330 阅读 · 0 评论 -
报错:Error in v-on handler: “TypeError: Cannot read properties of undefined (reading ‘hardDiskInfo‘)“
前端报错原创 2022-10-19 15:04:00 · 1339 阅读 · 0 评论 -
label-col与wrapper-col、vue页面监听、下拉框获取label
vue学习过程中遇到和解决的一些问题原创 2022-10-19 11:15:22 · 1696 阅读 · 0 评论