自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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

原创 vue3 vue.config配置详细解读

【代码】vue3 vue.config配置详细解读。

2022-09-28 10:17:30 1634

原创 前端算法题-洗牌算法

并且将添加到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

原创 使用Vue.component()全局注册之定义组件

使用Vue.component()全局注册之定义组件

2022-07-06 19:58:21 729

原创 typesctipt学习总结

昨天今天明天,循序渐进的理解 TypeScript。

2022-04-29 15:25:48 294

原创 浅聊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关注的人

提示
确定要删除当前文章?
取消 删除