![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
ant design of vue
成长中的向日葵
要么别做,要做就要做好!不要停留在原地,走起来去找意义。
展开
-
安装vuex时遇到的问题
peerDependencies WARNING vuex@latest requires a peer of vue@^3.0.2 but vue@2.6.14 was installed原创 2022-07-31 10:01:49 · 1006 阅读 · 1 评论 -
解决antd的select下拉框因为数据量太大造成卡顿的问题
现在实现了滚动加载功能和模糊查询功能,但表单的编辑回显出现了问题,显示的是id,原因是后端返回的数据但是在已经加载的列表中还未加载。问了前端大哥,它提供了一种思路,就是把后端返回数据造成现在列表数据的形式,然后在滚动加载的时候每次先把后端返回的数据过滤掉,然后再push进去,也就是说每次加载都要先判断一下编辑会显的数据在不在这次要push的数据中,emm,所以改实现方式了!但是,现在的滚动加载和模糊查询是实现了的。唉,要推翻重写了,记录一下。 ![在这里插入图片描述](https://img-bl...原创 2021-04-22 11:30:01 · 2126 阅读 · 3 评论 -
ant design of vue upload组件实现上传图片扫描二维码功能
andv upload组件实现上传图片扫描二维码功能实现效果如图所示:安装依赖和引用npm install jsqr --saveimport jsQR from "jsqr"; <a-form-item style="margin-bottom: 0" label="冷链溯源二维码" :label-col="{ span: 6 }"原创 2022-05-18 16:11:50 · 1005 阅读 · 0 评论 -
[已解决]antd 动态表单赋值报错
如果用Json[${index}],会报错Syntax Error: SyntaxError: D:\work\WOTK-ui\src\views\standing\BatchPurchase.vue: Unexpected token (702:14),加上[]就不会报错了。 console.log(that.formUltraviolet.getFieldValue(`Json[${index}]`)) that.$nextTick(() => {原创 2022-05-11 16:54:32 · 541 阅读 · 0 评论 -
[已解决]antd a-select Duplicate keys detected: ‘55‘. This may cause an update error.
Duplicate keys detected: '55'. This may cause an update error. <a-form-item label="供货商" :label-col="{ span: 6 }" :wrapper-col="{ span: 16 }"> <a-select mode="combobox"原创 2022-05-09 10:18:54 · 1004 阅读 · 4 评论 -
ant design of vue a-range-picker时间格式转换问题
标题编辑时赋值遇到问题后端返回数据形式 const validTime=[moment(res.data.StartTime,'YYYY-MM-DD HH:mm:ss'),moment(res.data.EndTime,'YYYY-MM-DD HH:mm:ss')]values.validTime[0].format('YYYY-MM-DD HH:mm:ss')原创 2021-12-10 11:05:11 · 1620 阅读 · 0 评论 -
【 已解决】[Vue warn]:Unknown custom element: <a-calendar> - did you register the component correctly
[Vue warn]: Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the “name” option.[Vue warn]:未知的自定义元素: -你是否正确注册了组件? 对于递归组件,请确保提供“name”选项。解决办法:找到src-core-lazy_lib下的js文件,加上下面两行代码就好使了。import {原创 2022-03-17 10:50:19 · 2438 阅读 · 0 评论 -
warning.js?d96e:34 Warning: You cannot set a form field before rendering a field associated with the
warning.js?d96e:34 Warning: You cannot set a form field before rendering a field associated with the value. You can use getFieldDecorator(id, options) instead v-decorator="[id, options]" to register it before render.在接口返回数据后,给动态表单复制遇到个这么个问题,第一次点编辑时,会报下图中的原创 2021-11-11 17:39:29 · 7269 阅读 · 0 评论 -
【踩坑记录】ant design of vue cascader 搜索show-search
cascader 搜索踩坑记录 <a-form-item label="所属部门" :label-col="{ span: 3 }" :wrapper-col="{ span: 21 }"> <a-cascader :fieldNames="{ label: 'text', value: 'id', children: 'children' }" v-decorator="['Dept']"原创 2021-11-02 14:56:20 · 2133 阅读 · 1 评论 -
ant design of vue a-tree 异步加载
a-tree 异步树真是太多坑了,不显示文字,点击根节点没反应,点击子节点没反应,点击子节点出现的是上一个子节点内容,切换是否展示监管部门时点击过的子节点没反应,好在问题都一一解决了,记录一下。<a-checkbox @change="onCheckboxDeptChange"> 是否展现非监管部门 </a-checkbox> <a-tree :replaceFields="replaceFields" :loadedK原创 2021-09-01 13:46:01 · 5387 阅读 · 10 评论 -
用canvas 实现EasyWasmPlayer视频截屏
使用canvas进行截图 <div :class="'box ' + 'box' + boxIndex" id="con_lf_top_div"> <div v-for="(item, index) in videoList" class="box-item" :key="index"> <img class="imgImg" v-if="item == null" :src="avatar"原创 2021-08-26 18:03:10 · 685 阅读 · 0 评论 -
ant design of vue a-select和a-date-picker点击不显示问题
踩坑记录:select的下拉列表不显示问题官网给出:菜单渲染父节点。默认渲染到 body 上,如果你遇到菜单滚动定位问题,试试修改为滚动的区域,并相对其定位。 <a-select @change="handleProvinceChange" :getPopupContainer="(triggerNode) => triggerNode.parentNode"原创 2021-08-25 16:39:58 · 2621 阅读 · 0 评论 -
antd vue upload [Vue warn]: Invalid prop: custom validator check failed for prop “fileList“.
记录踩坑之路:自定义上传的图片无法显示,一直在报fileList问题,就一直在找fileList,但是没找到错误。是因为代码中有下面这段,这里用fileData监听了fileList,而我的fileData忘记定义了!原创 2021-08-25 15:50:42 · 3474 阅读 · 7 评论