- 博客(44)
- 收藏
- 关注
RSS订阅原创 vue3+element-plus el-date-picker限制时间选择范围
【代码】vue3+element-plus el-date-picker限制时间选择范围。
2024-12-09 15:34:46
931
原创 uniapp H5上传图片前压缩
问题：需要在上传图片前压缩图片，但是uni.compressImage（）不支持h5。解决方法：使用canvas降低图片质量。
2024-11-22 14:24:51
594
原创 react-native-Windows配置
注意：visual studio community需要额外勾选几个包，不然后面项目跑不起来，报错。如下，进入visual studio installer点击修改，在工作负荷下选中修改就行了。创建react-native项目，起个喜欢的名字，然后进入项目目录。建议使用yarn安装，不建议写死版本，依次输入以下代码。这里只分享最基本的，直接运行，第一次运行会花费一些时间。注意：项目路径不可以有中文，不然后面运行又报错。注意：要安装淘宝镜像，要翻墙，不然下不下来。详见步骤二，或者评论区留言。
2024-09-29 15:25:37
580
原创 Uncaught (in promise) TypeError: Cannot destructure property ‘containerEl‘ of ‘el[SCOPE9]‘ as it is
问题：el-select+v-infinite-scroll,下拉加载内容使用报错index.ts:120 Uncaught (in promise) TypeError: Cannot destructure property 'containerEl' of 'el[SCOPE9]' as it is undefined.官网解决方法：“触发了灵感，在 nextTick（） 之后再显示 v-infinite-scroll组件 的组件，解决问题。
2024-07-15 15:46:24
1061
原创 uniapp 解决富文本图片过宽超出
解释：主要是前两个：设置max-width和height，加上display:block和margin是为了让图片始终独占一行居中展示。
2024-07-10 10:14:15
543
原创 el-form 根据数组动态渲染的el-form-item必填校验绑定
3，必填校验的key要和绑定的数据key值对应，这里因为数据不多且懒得多写，直接写在template里面了：下例（:rules="[{ required: true, message: '电话号码', trigger: 'blur' }]"；4，以上都不是我一直出错的原因，我出错的原因是：data字段是单独引入的，没有和form数据对应~~注意校验是针对form表单的，所以在input的输入框加了change事件，及时同步form数据。注意：1，el-from必须绑定数据：下例（：model=form;
2024-04-30 10:58:07
1067
原创 vue2 vue3 diff算法比较
简单来说，就是先老节点与新节点，头对头->尾对尾->头对尾->尾对头,再不行就从根据新节点key值，找对应的老节点，找到更新对应的真实dom.以上五步是不符合条件依次往下，符合条件，新老节点的startIndex或endIndex会向中间靠拢，进行下一节点的对比。例如：现在有abcd四个节点，需要在bc节点间添加一个e节点，没有key值时，会将c节点变成e节点，d节点变成c节点，最后加入d节点（如下图一）。3：vue2的diff完全乱序的列表需要借助key，性能会好一些，vue3是借助位置变化值。
2024-03-19 17:08:57
1585
原创 vue3+iframe+blob获取后端文件展示在前端
代码：将从后端获取的文件流转成PDF链接，在链接后加入'#toolbar=0'是为了去掉操作栏。接口：需要加上：responseType: 'blob' //响应数据类型是blob对象。需求：在前端页面以PDF形式显示后端传来的文件流，如下图。
2024-01-29 17:15:47
1134
1
原创 vue3+element-plus动态渲染级联选择器，重置渲染数据
解决方法：在级联中绑定options，在需要重置的地方设置为空（虽然动态渲染的级联选择器根本就不需要。...一直在试ref绑定各种方法，但是都失败了，反而这样写成功了...需求：重置级联选择器。
2023-12-22 17:59:15
1078
原创 ElementPlusError: [ElOnlyChild] no valid child node found
场景：使用element-plus的popover弹出框，一直报警告ElementPlusError: [ElOnlyChild] no valid child node found。解决方法：在存在if等判断条件的元素外套一层元素，如下图套
2023-12-21 17:10:25
5761
2
原创 vue3 defineExpose，defineEmits，defineProps区别
一：defineExpose用在子组件中，将子组件中的属性暴露出去，然后在父组件中使用ref得到。二：defineEmits用在子组件中，将子组件方法传递给父组件。三：defineProps用在子组件中，获取父组件变量。故事的开始，发生在我刚看到这行代码的时候，眼前一黑，注意：这三个东西都是写在setup语法糖下的。这三个都涉及父子组件间的通信，
2023-11-16 15:36:28
758
原创 vite element-plus+vue3实现空状态自定义本地图片
补充：vite静态资源处理不是用的require，会报错。二：vite环境下，在路径assets前面加上src。一：webpack环境下，使用require。
2023-10-27 18:05:25
594
原创 idea2018.3.3安装配置
3.4 在idea2018.3.3中配置maven，file->settings->Build ,Execution,Deployment->Build Tools->Maven,修改maven地址，修改setting.xml地址（前两步有用到过，我的是D:\idea\IntelliJ IDEA 2018.3.3\plugins\maven\lib\maven3\conf\setting.xml),修改maven仓库地址（3.2步创建了），点击OK。2.1 下载jdk1.8。
2023-10-12 16:16:02
486
原创 error Component name “Login“ should always be multi-word vue/multi-word-component-names
error Component name "Login" should always be multi-word vue/multi-word-component-names
2023-07-12 19:37:55
137
原创 react中css样式污染问题
1.2 改引用方法 import './demo.scss'-->import styles from './demo.scss'原因：搜索发现是因为react会把所有的样式文件都放到里面（如下图），这样如果类名重复，样式是会互相覆盖的。问题：突然发现一个页面的样式覆盖了另一个页面的样式，但是两个页面是独立开发的，样式也是分开写的，互相没有引用。1.1 改样式文件名 xxx.scss-->xxx.module.scss。解决方法：我搜索了一下，本质上都是让类名不一致。
2023-05-18 18:05:20
1058
原创 react-antd-table表头添加一个button
需求：在table表头上添加一个add的button，如下图所示。因为table表头是columns渲染的，所以一时之间不知道怎么写~网上的方法是用插槽，比较麻烦，主要是我写的渲染不出来~实现：title可以返回函数~~~
2022-11-13 17:47:58
918
原创 You cannot render a ＜Router＞ inside another ＜Router＞.
router.ts:5 Uncaught Error: You cannot render a inside another . You should never have more than one in your app.
2022-06-09 17:56:13
3281
原创 There might be a problem with the project dependency tree.
There might be a problem with the project dependency tree.It is likely not a bug in Create React App, but something you need to fix locally.
2022-06-07 15:43:41
146
原创 Uncaught TypeError: Cannot read properties of undefined (reading ‘map‘)
问题：react使用map遍历数组动生成数据时，报错Uncaught TypeError: Cannot read properties of undefined (reading 'map'）解决方法：调用map的对象是undefined，初始化第一次渲染的时候，异步数据返回之前是undefined。所以需要在这里加一个判断。...
2022-05-20 15:49:44
5938
4
原创 报错：HTTP/2 stream 1 was not closed cleanly before end of the underlying stream
问题：使用git请求更新代码，拉取分支时，报错：HTTP/2 stream 1 was not closed cleanly before end of the underlying stream解决方法：提示默认通信协议出错，更改默认通信协议：git config --global http.version HTTP/1.1...
2022-05-19 11:03:08
11280
3
原创 Cannot find module ‘semver/functions/cmp‘
突然报出的错误，在网上搜了解决方法，都是显示有一个多余的包导入了，找了半天也没找到多导的包。。后来发现是少了个组件，害，之前有的包，突然就没有了，重新下载一下就行了。解决方法： npm i...
2022-05-18 10:46:15
413
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人