![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
antd
麻辣_水煮鱼
游啊游
展开
-
antdv 下拉框增加全选功能
由于select下拉框中内容过多,使用下拉框多选需要一个一个选取太过于麻烦,所以在下拉中增加全选和取消全选操作。可以自定义下拉框内容,可以满足我们的需要。原创 2024-06-12 11:28:45 · 217 阅读 · 0 评论 -
antdv 穿梭框
除了实现简单的穿梭框功能,还想要重写搜索事件,想达到的效果是搜索到的结果的节点能自动展开且高亮显示。antd的穿梭框的数据貌似只接收key和title,而且必须是字符串(我测试不是字符串的不行),所以要把后端返回的数据再处理一下得到我们想要的数据。给穿梭框添加show-search。原创 2024-06-07 17:21:04 · 384 阅读 · 0 评论 -
antdv下拉框即可手动输入又可下拉选择
最近有个需求是下拉框既可下拉选择也可手动输入,antd 的a-select组件不能直接使用,所以需要基于插件再修改一下。原创 2024-01-30 17:00:53 · 930 阅读 · 0 评论 -
antdv 锚点踩坑
背景:使用antd的锚点时,按照官方文档的用法配置之后发现锚点组件的锚点Title位置没办法随着我的页面滚动而变化,但是点击Title跳转具体锚定位置的功能却是没有问题的。解决方法:getContainer绑定滚动范围容器。原创 2023-10-18 09:17:39 · 1019 阅读 · 1 评论 -
antd 表格getCheckboxProps禁用
需求:列表某些数据复选框禁用。原创 2023-10-12 10:13:39 · 600 阅读 · 0 评论 -
a-select下拉框因为数据量太大造成卡顿的问题
实际需求:在项目中一个下拉框中需要展示10000条数据,这10000条数据去后端查询虽然比较快,但是将查询结果返回给前端需要进行渲染,前端就会造成卡顿的现象,这时候就可以使用滑动加载只渲染总数据前100条数据以保证不卡顿。然后当需要搜索的时候对从后台拿到的数据进行过滤,也只取前100条,然后通过select下拉框popupScroll事件,下拉列表滚动时的回调,每次回调时都添加一部分数据来解决下拉框的卡顿问题。原创 2023-05-12 16:48:47 · 833 阅读 · 1 评论 -
antd 表单setFieldsValue给变量赋值
antd 表单setFieldsValue给变量赋值)原创 2023-04-06 09:44:46 · 506 阅读 · 0 评论 -
antdv table 行点击事件且点击高亮显示
antdv table 行点击事件且点击行高亮显示原创 2023-01-14 14:11:58 · 2006 阅读 · 0 评论 -
antd-vue 时间选择器设置mode=year
<a-date-picker format="YYYY" mode="year" :value="year" :isopen="open" @openChange="openChange" @panelChange="panelChange" />openChange(status) { if (status) { this.isopen = true; } else { this.isopen = .原创 2020-12-16 16:31:46 · 2406 阅读 · 2 评论 -
antd setFieldsValue给变量赋值
setFieldsValue({[(()=>变量名称)()]:值})let node = 'project_'+Number(i+1);this.meetingForm.setFieldsValue({[(()=>node)()]:this.meetingForm.getFieldValue("project_"+Number(i+2))})原创 2022-02-15 16:07:02 · 1346 阅读 · 0 评论 -
antd-vue 树结构默认展开第一个节点
在官方文档看到有defaultExpandedKeys这个属性,那么我们将默认展开的树节点设为树的第一个节点的key就可以。实现代码如下:<a-directory-tree :tree-data="fileTree" :defaultExpandedKeys="[fileTree[0].path]" @select="onSelect" :replace-fields="{title:'name',key:'path'}"></a-原创 2022-01-20 11:49:20 · 3140 阅读 · 0 评论 -
vue antd tree控件右键点击菜单实现增删改查
今天实现的是,树形控件右键点击会出现操作菜单,增加、修改、删除按钮会弹出相应的操作弹窗。根据ant design vue 的右键点击事件rightClick 来控制菜单的显示和隐藏就简单了效果如下:(样式还没写,所以比较简单)代码如下//树结构<a-directory-tree :tree-data="filetreeData" @rightClick="onRightClick" ></a-directory-tree>//功能菜单.原创 2021-01-15 10:11:45 · 5570 阅读 · 1 评论 -
antd表单的<a-form-item>使用自定义label 插槽
item的label类型可以使字符串或者自定义label插槽。1.直接使用字符串类型是最常见的<a-form-model-item prop="job" label="岗位"> <a-input v-model="job" placeholder="请输入岗位" /></a-form-model-item>2.自定义label使用插槽<a-form-model-item prop="job"> <span s...原创 2021-07-14 17:44:37 · 14880 阅读 · 0 评论 -
antd 选择器获取选项的文本
官网有例子,labelInValue属性可以把每个选项的 label 包装到 value 中,会把 Select 的 value 类型从string变为{key: string, label: vNodes}的格式。<template> <a-select label-in-value :default-value="{ key: 'lucy' }" style="width: 120px" @change="handleChange" ...原创 2021-06-29 16:35:02 · 1149 阅读 · 0 评论 -
antd选择器赋值但是只显示value不显示对应的选项值
出现的问题如下,value原创 2021-06-10 09:56:38 · 2557 阅读 · 0 评论 -
使用antd选择器placeholder不生效
当select的value绑定一个state默认值时,如果默认值是''或null时,placeholder不生效原创 2021-06-10 08:36:36 · 569 阅读 · 0 评论 -
vue-cli3 antd定制主题
这里可以参照官方文档。项目根目录下修改vue.config.js文件(需要安装less和less-loader,且安装版本不能太高,我最开始安装最新的版本,一直有各种报错,之后卸载了再安装低版本的就可以了)// vue.config.js for less-loader@6.0.0module.exports = { css: { loaderOptions: { less: { lessOptions: { // If you are原创 2021-02-19 10:26:00 · 1120 阅读 · 0 评论