- 博客(12)
- 收藏
- 关注
原创 Vue3+ElementPlus form表单动态生成校验实现
通过这种实现方式,我们成功解决了动态表单校验的问题,既保证了新增字段的校验规则生效,又避免了不必要的全局校验触发,提高了用户体验和表单的可用性。
2024-08-13 17:26:11
624
原创 vue3+echarts实现3D饼图
如果需要镂空 只需要传入internalDiameterRatio 0.6即可。创建echart.js。
2024-06-06 17:04:57
688
1
原创 el-dialog嵌套太多层背景全黑
解决方案:除了父级,其他的子级dialog全部加上“:model='false'”ps:子级不能加append-to-body 属性否则无效。如图 弹窗嵌套太多级,导致整个背景全黑了。
2022-11-10 18:23:27
954
1
原创 前端算法题-洗牌算法
并且将添加到b数组的元素 跟a数组元素首位交换保证不会被重复添加到b数组中。利用随机数生成下标,通过循环将a数组的元素添加到b数组中。
2022-09-17 15:03:59
316
原创 vue3+elementui plus 表单重置方法resetFields()无效?
公司项目最近刚从vue2转到vue3做了一个这样的筛选模块,其中重置按钮按照官方的写法无效。由于vue2写法和vue3写法有许多不同,遇到了这样一个问题。代码:解决方法:因为没有绑定prop,并且prop的值需要更v-modeld值一样。绑定以后就可以解决了。...
2022-07-12 14:37:03
2857
原创 vue3+elementui Plus 表单select下拉框选中后无效?
使用了纯vue3写法写了个下拉框,出现了个莫名其妙的bug,就是下拉选中后无效。示例: 代码:下拉框选中后就是无法回显,打印出来的form对象也没有选中的数据。打印: 解决方案:就是form的model变量名和ref的名字重复了,把两个其中一个改下就好了,保证不重名。 总结:form的model和ref重名会出现很多奇奇怪怪的bug 大概是冲突吧 但是这个问题在vue2是没有遇到过的。......
2022-07-11 17:28:50
3447
1
原创 element input focus()获取焦点无效?
有个业务场景需要需要点击表格单元格变成input编辑,点击其他地方input切换成span。如图:未编辑状态使用span显示 编辑状态切换成input 代码在这里就出现了一个问题,那就是切换到input的时候 无法自动获取焦点,无法获取焦点的话就没办法点击其他地方关闭。在百度也找了很多办法,都是无效。最终的解决方案就是在html哪里把v-if改成v-show就解决了这个问题。修改代码.........
2022-07-08 17:22:30
4389
1
原创 浅聊vue3响应式
随着vue3的生态越来越成熟,外面也越来越多的企业应用到了vue3,当然面试也有少企业会问到vue3的一些面试题,其中比较常问到的就是vue3的响应式和vue2的有什么区别?这里就简单的聊下其他的区别并且简单的聊下下vue3的原理。vue2的响应式 核心 对象:通过defineProperty 重新定义一遍目标对象,完成对目标对象的劫持,值发生变化后触发set方法后通知订阅者告诉某个属性发生变化。 数组;通过重写数组更新数组一系列更新袁术的方法来实现元素的修改和劫持。
2022-02-18 14:28:16
1033
原创 vscode vue代码格式化无效详细解决方案
右键格式化不管用,按快捷键也不行。原因就是可能vscode无法识别vue的<template>标签解决方案如下:第一步:点击设置第二步:点击右侧的图标会打开settings.json文件第三步:把一下代码粘贴上去即可"editor.formatOnSave": true, "vetur.format.defaultFormatter.html": "js-beautify-html", "[vue]": { "edit...
2022-01-25 18:20:25
4686
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人