- 博客(178)
- 收藏
- 关注
RSS订阅原创 react的antd表单校验，禁止输入空格并触发校验提示
关键代码：{ pattern: /^(?\s*$).+$/, message: '不能全是空格' }首先需要用到form组件，在form.item内添加rules属性，写正则表达式。
2025-02-05 20:09:17
424
原创 react的antd中Cascader级联选择如何回显
这个时候你需要把他们修改一下为其添加value属性和lable属性，value对应id，lable对应name，因为组件只识别value和lable。然后使用form方法进行回显，写上对应的id就可以了。如果你的数据都是这个样子的。
2025-02-05 17:48:57
372
原创 react关于手搓antd pro面包屑的经验（写的不好请见谅）
我们先上代码，代码里面都有注释，我是单独写了一个组件，方便使用，在其他页面引入就行了。title是面包屑的名称，你也可以获取当前路由的title，写个动态的。还使用了官方的Breadcrumb组件。
2025-02-05 17:22:43
673
原创 antd pro框架，使用antd组件修改组件样式
在里面进行修改，切记:where(.css-dev-only-do-not-override-5fybr3).ant-input:placeholder-shown这种格式，把where(.css-dev-only-do-not-override-5fybr3)删掉，使用.ant-input:placeholder-shown，不然上传项目后不管用。然后找到项目的src/global.less文件。首先用控制台的指针找到组件的类名。
2025-02-05 17:11:44
223
原创 react的antd组件中上传图片组件，点击预览却打开新页面，将其改为放大预览
react的antd组件中上传图片组件，点击预览却打开新页面，将其改为放大预览
2025-02-05 16:12:12
611
原创 react的antd表格数据回显在form表单中
2、然后在用函数接过来数据,使用form.setFieldsValue({}）进行回显。1、首先为table添加编辑按钮。
2025-02-05 16:02:22
316
原创 react项目引入百度富文本UEditor
1、官方代码 https://github.com/fex-team/ueditor#ueditor。4、将这个utf-8-php 文件夹改名为ueditor 然后就可以放到我们项目里的静态文件夹中。formDetailed是antd的form绑定的属性值。3、这两就是被grunt default 出来的文件。监听状态，然后每次打开都要初始化，不然会报错。6、html绑定id为editorsed。modalDetailed是弹出窗状态。2、在此文件夹下来执行下面命令。
2025-02-05 15:25:47
402
原创 react实现全选反选，获取已选中的数据，点击按钮获取到当前列表数据（antd组件）
react实现全选反选，获取已选中的数据，点击按钮获取到当前列表数据（antd组件）
2025-02-05 14:11:39
271
原创 Ant Design Pro关闭国际化语言，报错 Missing message: “menu.XXX“ for locale: “zh-CN“, using default message as
使用Ant Design Pro，控制台报错issing message: “menu.XXX“ for locale: “zh-CN“, using default message as。
2025-02-05 14:00:53
222
原创 vue3点击区块，使其高亮显示
在 Vue 3 中点击一个区块并使其高亮显示的实现，可以通过动态绑定 CSS 类来完成。当用户点击某个区块时，使用 Vue 的或:class动态地改变该区块的样式，从而达到高亮效果。
2024-12-10 15:01:26
257
原创 element plus table组件搭配分页
这是 JavaScript 中数组的一个方法，它用于从原数组中提取一个新的子数组，原数组不受影响。，分别表示切片的起始位置和结束位置（不包括。：这是一个数组，它包含了所有的数据。：这是计算分页起始位置的表达式。：这是分页的结束位置。
2024-12-10 13:38:02
660
原创 element plus的switch开关回显
element plus的switch开关通过 :model-value="" 是绑定值，必须等于。:inactive-value="1" 是switch的状态为。:active-value="2" 是switch 状态为。
2024-12-10 08:54:58
406
原创 element plus table组件多选获取数据id
首先给table加上 @selection-change="handleSelectionChange"事件。这个打印的console.log(data_id.value);就是我们要的列表id。
2024-12-09 19:58:17
431
原创 element plus的表单校验，明明输入内容了，但提示红字还是会显示着
下拉框的不隐藏，可能是 trigger为blur的原因，改为change即可。如何去除所有校验的提示呢？希望可以帮助有需要的人。
2024-12-09 19:37:33
485
原创 element plus的预览图片，以及在table上使用时层级错乱的问题
这时候只需要在el-image内加上 preview-teleported="true"即可。当你在table用到图片预览时，大概率会遇到下面这个情况。下面是图片预览的代码。
2024-12-09 19:24:29
556
原创 Vue3 - 实现日历待办事项功能
插件配置文档(英文):https://fullcalendar.io/docs#toc。插件AP|文档:https://fullcalendar.io/docs#toc。插件演示:https://fullcalendar.io/demos。插件官网:https://fullcalendar.io/
2024-12-09 14:46:13
511
原创 多个输入框联合搜索
如果你有多个输入框，并希望进行联合精准搜索，可以通过组合多个输入框的值来过滤数据。在JavaScript中，常见的做法是先收集每个输入框的值，然后使用这些值过滤数据。
2024-12-08 18:00:36
312
原创 在 Vue 3 中实现点击按钮后禁止浏览器前进或后退
在 Vue 3 中实现点击按钮后禁止浏览器前进或后退，我们可以通过ref和watch来管理状态，同时使用来清理事件监听。
2024-12-08 17:54:09
524
原创 vue实现导出excel表，调整图片大小
在node_modules/js-table2excel/src/index.js中更改图片的尺寸，找到getImageHtml函数，进行替换。也可以自行调整缩放比。
2024-12-08 17:10:14
315
原创 点击高亮显示vue
在 Vue 3 中，点击一个区块并使其高亮显示的实现非常简单，可以通过动态绑定 CSS 类来完成。当用户点击某个区块时，使用 Vue 的或:class动态地改变该区块的样式，从而达到高亮效果。
2024-11-14 18:01:07
513
原创 比较一下React与Vue
React和Vue都是优秀的JavaScript库，它们各自具有独特的特点和优势。选择哪个框架取决于项目的具体需求和开发团队的技术储备。React在组件化开发、庞大的生态系统和性能优化方面表现优异，适合复杂的大型项目；而Vue则在快速开发、易于上手和生态系统丰富性方面具有优势，适合小型项目和新手开发者。需要注意的是，选择合适的前端框架并非一蹴而就的决策，需要在实际项目中实践和评估。
2024-08-05 08:15:28
903
1
原创 对比state和props的区别
在React中扮演着不同的角色，它们分别用于组件间的数据传递和组件内部的状态管理。理解它们之间的区别对于编写高效、可维护的React应用至关重要。都是描述组件特性的重要概念，但它们之间存在本质的区别。
2024-08-05 08:13:09
476
原创 React hooks优势
React Hooks 是 React 16.8 版本引入的一个全新特性，它允许你在不编写类的情况下使用 state 和其他 React 特性。Hooks 的引入为 React 组件带来了许多优势，主要包括以下几个方面：函数组件也能使用状态和其他 React 特性：逻辑复用：避免地狱式嵌套：更简单的代码：组件间的通信变得更容易：更容易的测试：支持并发渲染：总的来说，React Hooks 通过将 React 的特性引入函数组件，提高了组件的复用性、简洁性和可测试性，使得 React 应用的开发变得更加高效和
2024-08-05 08:12:08
404
原创 类组件(Class component)和 函数式组件(Functional component)之间有何区别
类组件：类组件是使用ES6的类语法来定义的。它们继承自，并且必须包含render()方法来返回组件需要渲染的内容123。函数式组件：函数式组件是使用JavaScript函数来定义的。它们是纯函数，没有自己的状态，只接收props作为参数，并返回需要渲染的内容12。
2024-08-01 18:02:38
728
原创 react常用的Hooks有哪些?
在React中，Hooks 是一种让你可以在函数组件中“钩入” React 特性的方式，例如状态和生命周期等。React 提供了一些内置的 Hooks，它们可以在函数组件中使用。
2024-08-01 18:01:35
447
原创 bindtap和catchtap的区别？
在微信小程序中具有不同的事件冒泡行为和触发顺序，根据具体需求选择适合的方式来绑定和处理事件是非常重要的。
2024-07-29 08:23:53
681
原创 小程序wx:if 和hidden的区别？
在小程序中，wx:if和hidden都是用于控制元素显示与隐藏的属性，但它们之间存在一些关键的区别，主要体现在性能、渲染方式和应用场景上。
2024-07-29 08:21:57
618
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人