- 博客(27)
- 收藏
- 关注
原创 antd+vue表格实现跨行与插槽
customRender与插槽scopedSlots无法同时设置,所以只能在customRender设置按钮dom元素与点击事件,且columns需在data内定义,如果写在data外,无法渲染dom元素,还会报错[Vue warn]: Error in render: "ReferenceError: h is not defined"后台返回的数据结构是树状,内嵌children数组。表格的html代码没有什么变化,与官网一致。所以需要先把数组拆分成普通的数组。数组拆分完了后,设置表头。
2024-09-12 17:51:16
296
原创 element_china_area_data__WEBPACK_IMPORTED_MODULE_9__.CodeToText is undefined
查看项目的package.json文件,发现element_china_area_data版本是6.1.0,这个版本的CodeToText做了调整,根据网上提示将CodeToText改为codeToText,仍然报错。使用element_china_area_data的CodeToText报错。安装后,项目会报个错提示找不到某文件,不用理会,直接重启项目即可。解决方法:安装6版本之前的版本。
2024-09-11 16:54:40
385
原创 vue+antd表单已输入内容但校验一直不消失问题总结
值得注意的是,如果你的表单是在弹框里,在弹框打开的方法中是否对form进行了重新赋值,如果用等于号赋值可能会导致form缺少字段,正确做法是用对象合并的方法。使用antd表单校验规则经常出现已经填写内容了但校验提示一直存在的情况,以下是我遇到并问题总结的解决方法,希望能帮到你们。5、在表单校验规则中,输入框、文本框的触发方式最好使用blur,日期选择器、普通选择器使用change。4、确认form绑定的model是否已初始化各个字段(最常见但容易忽略的情况)3、确认form绑定的model。
2024-05-29 15:42:29
2433
原创 vue+antd-upload获取上传文件的md5值
3、利用antd-upload的beforeUpload事件或customRequest事件中的参数生成md5(此处以beforeUpload事件为例)1、安装spark-md5。2、在需要的页面引用。
2024-05-28 14:44:53
457
原创 antd穿梭框报错a-transfer报错Invalid prop: custom validator check failed for prop “targetKeys“.
在antd官方文档中,targetKeys是右边的key集合,但我没仔细看,targetKeys赋值成了对象数组。使用antd的穿梭框同时报了两个错,一个是targetKeys,一个是DataSource。直接操作官方的原始组件,发现targetKeys是字符串数组。把targetKeys改成key集合后,仍然报错。改成string数组后就不报错了。
2024-04-15 10:07:22
380
原创 微信小程序设置背景图
2、创建一个名为background.js的文件,把base64的代码(上面图片中长长的乱码)复制进去。比如我要在index页面上设置背景图,那么就在index.js文件中写以下代码。4、最后在index.wxml文件引用background就可以了。3、在需要设置背景图页面的js文件引入background.js。1、随便找一个在线转换的网站,把图片转为base64。
2024-02-20 10:18:43
1090
原创 前端把CST格式时间转化为年月日时分秒
后台返回的时间格式为 Wed Nov 22 14:43:25 CST 2023。日和时都对不上,在原日期上加了14小时(什么原因我也不知道,一脸懵逼...)修改了一下方法,先把日期减去14小时,再转为年月日时分秒就可以了。
2023-11-22 15:05:10
754
原创 vue打印表格动态数据 print-js
使用print-js直接打印动态表格数据。1、安装print-js。2、在需要的页面上引入。3、打印按钮添加方法。name:'张三',
2023-11-13 15:35:02
526
原创 antd select选择器下拉菜单跟随页面滚动
当页面有滚动条时,选择器的下拉菜单会出现与选择器分离的情况,只要在选择器的标签上加上这一句再刷新下页面就可以了。
2023-09-22 11:08:15
413
原创 antd弹框关闭后再打开滚动条回到顶部
在弹框显示为true的语句后根据class获取dom,此时获取到的是一个对象集合HTMLCollection,把这个集合转为数组后就可以取到弹框的dom了,然后把dom里的scrollTop设置为0滚动条就回到顶部了。this.$nextTick是必须要带的,这个是用来判断dom是否生成,如果已经生成就会执行里面的语句,这样就不会获取dom为undefined了。在div上绑定ref属性,根据ref获取dom就行。2、滚动条是在自己写的div上的。1、滚动条是在弹框上的情况。
2023-09-15 10:51:36
1026
原创 vue关闭弹框后仍然保留上一个弹框的值
第一次打开弹框获得值,但是第二次打开值就不刷新了,是因为vue的生命周期函数mounted只在第一次执行。
2023-01-12 16:11:35
1028
原创 Failed to mount component: template or render function not defined. 报错解决方法
Failed to mount component: template or render function not defined.
2022-12-29 15:24:35
458
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人