Ant-design-vue

个人建站前端篇（五）插件unplugin-vue-components的使用

unplugin-vue-components插件可以在Vue文件中自动引入组件（包括项目自身的组件和各种组件库中的组件）使用此插件后，不需要手动编写import{Button}from'ant-design-vue
niech_cn·2024-09-07 09:22

前端组件库自定义主题切换探索-01-方案借鉴与思路参考

探索原因背景首先自然是项目有需求，这是必须去做的原因其次，是我们项目没有直接使用市面上现成的基于element-ui或者ant-design的第三方UI框架，比如avue，而是有着自己的UI组件库第三，我们的组件库基于ant-design-vue
东扯葫芦西扯瓜·2024-09-06 03:09

antdesignvue中设置单独组件与所有组件颜色样式

components中设置单独组件，token中所有组件，单独会覆盖所有组件样式import{ConfigProvider,message}from'ant-design-vue';importzhCNfrom'ant-design-vue
闪电松鼠~·2024-09-04 20:39

Ant-Design-Vue快速上手指南+排坑，操作详细步骤

Ant-Design-Vue是一款基于Vue.js的UI组件库，它不仅提供了丰富的高质量组件，还支持灵活的配置选项，使得开发者能够快速构建出既美观又功能强大的前端应用。
liyy614·2024-08-25 14:42

vite开发环境跳转页面卡住，加载慢，ant-design-vue 按需导入的新组件导致页面加载慢

环境vite:2.9.9unplugin-vue-components:0.19.6参考issues:使用按需引入时，首次启动服务会依赖预构建style#361vite-plugin-ifdef(在vite中使用conditioncomplie)问题描述本地开发时，遇到跳转页面要等10s以上才能跳转成功，打包后没有这个问题问题分析发现跳转到的页面如果有新的antd组件，就会有这个问题问题原因项目中
·2024-03-02 17:58

【ant-design-vue】a-input、a-number、a-date在disabled时样式修改

/*覆盖ant-design-vue样式**/.ant-select-disabled.ant-select:not(.ant-select-customize-inpu
Chx.zhang·2024-02-20 16:00

Vue3+Ant-Design-Vue:报错Cannot read properties of null (reading ‘isCE‘)

问题描述在使用Ant-Design-Vue内置的Table表格组件，实现expand展开行功能时，报错：UncaughtTypeError:Cannotreadpropertiesofnull(reading
是席木木啊·2024-02-15 06:42

ant-design-vue 快速避坑指南

ant-design-vue快速避坑指南ant-design-vue是蚂蚁金服AntDesign官方唯一推荐的Vue版UI组件库，它其实是AntDesign的Vue实现，组件的风格与AntDesign保持同步
wwf1225·2024-02-08 22:02

上传文件发生跨域

情景：后台使用ant-design-vue的upload组件上传文件时候，有时上传失败，控制台报跨域。
走向架构师的小白·2024-02-08 22:00

Ant Design Vue上传多个图片

上传图片tab：tab1：确定取消import{defineComponent,reactive,toRefs,watch,nextTick}from'vue'import{message}from'ant-design-vue'importGfrom
ᥬ 小月亮·2024-02-08 16:59

ant-design-vue 按需加载

1.创建js文件src/components/lazy_antd.js2.修改配置文件babel.config.js增加插件配置3.在main.js中引入配置文件src/components/lazy_antd.js4.package.json引入依赖babel-plugin-import"babel-plugin-import":"^1.13.0"
skyZcc·2024-02-05 12:36

2024年1月Java项目开发指南15：vue3+AntDesignVue 设计页面

我们希望他他占满整个页面(100vh)引用组件Header设计关于header的布局，我们使用ant-design-vue中的栅格组件
萌狼蓝天·2024-02-05 03:26

ant-design-vue table 合并表格

参考文章：https://www.csdn.net/tags/MtTaEg3sMTc3OTk5LWJsb2cO0O0O.html最后效果图：image.png
哼_·2024-02-05 00:54

【无标题】vue自定义表单验证的时候报错TypeError: callback is not a function

今天遇到一个奇怪的bug我在使用ant-design-vue组件库自定义表单验证的时候出现的在ant-design-vue组件库里面定义的自定义校验规则是这样的validator在网上找了很多资料里面不是说
懒啦·2024-01-23 12:31

ant-design-vue 的通过控制a-table的滚动条实现表格滚动效果

ant-design-vue的通过控制a-table的滚动条实现表格滚动效果鼠标移入滚动条停止滚动，鼠标移出滚动条继续滚动data(){return{loading:false,columns1:[{title
懒啦·2024-01-23 12:31

antd + vue3实现tree树增加按钮

在这里插入图片描述这个会导致我们按钮的slot冲突完整代码部门名称部门负责人操作{{nodeData.title}}{{nodeData.dataRef.owner}}新增下级修改删除import{message}from"ant-design-vue
前端小菜·2024-01-21 19:28

axios 拦截器来截取取消重复请求

导致前端向后端重复发送多次请求,这里介绍一种使用Axios拦截器来取消重复的请求方法importaxiosfrom'axios'importqsfrom'qs'import{notification,message}from'ant-design-vue'importrouterfrom
啊笨猫·2024-01-21 14:50

vue3 + antd 封装动态表单组件（一）

创建动态组件配置文件config.jsimport{Input,Textarea,InputNumber,Select,RadioGroup,CheckboxGroup,DatePicker}from'ant-design-vue
guizi0809·2024-01-20 11:36

ant-design-vue中Form表单校验

页面效果实现{{d}}{{item.name}}{{item.title}}{{item.title}}校验提交
xiongdaandxiaomi·2024-01-19 10:50

ant-design-vue栅格布局遇到的问题

栅格布局的描述：antdv官方文档介绍布局的栅格化系统，基于行（row）和列（col）来定义信息区块的外部框架，以保证页面的每个区域能够稳健地排布起来个人理解：类似于excel中的表格，一个一个的单元格可以进行合并，也可以进行拆分，只不过antd每行最多24个格子，bootstrap为12个格子，通过栅格化的系统使布局更加简单，美观。开发中的问题：在日常的开发中，在不同的分辨率下，界面布局出现错行
WGG_1987·2024-01-19 10:19

vue3和ant-design-vue的＜a-form＞表单自定义规则校验封装

//使用ant-design-vue里面的rules属性增加校验$refs.formBox">//a-form-item外面包裹a-row和a-col是为了利用其调整每个表单元素的距离improt{ref
小王讨厌洋葱·2024-01-19 10:19

Ant Design Vue的表单布局

在Ant-Design-Vue中的文本框的布局和标签的长度管理AntDesignVue的栅格布局使用1、布局行列创建使用，在form中创建列和行直接复制进即可col-8col-8col-82、在对应的得
我是福强·2024-01-19 10:15

ant-design-vue form表单实现动态循环效验

单层循环的话//不需要增减的表单项//设置display:flex属性可让表单显示在一行//prop表单域的model字段//这里你可以写多组表单项...//需要动态增减的表单行//InfoList就是我们每次添加表单时要push对象的数组//input需要绑定到InfoList中的元素//如果你要保留最开始的表单行可在删除icon上添加v-if="index!==0"index为0时不显示删除i
何故沾衣欲湿杏花雨·2024-01-19 10:11

nuxt3引入Ant Design Vue4.0.8版本报错 500 [vite-node] [ERR_LOAD_URL] ant-design-vue/dist/antd.css

引入全流程下载npmi--saveant-design-vue配置新建/plugins/xx.ts插件文件importAntdfrom"ant-design-vue";exportdefaultdefineNuxtPlugin
躺平阿福·2024-01-18 22:52

关于 ant-design-vue resetFields 失效

关于ant-design-vueresetFields失效背景：遇到这样的问题使用ant-design-vueuseForm来制作表单的时候，resetFields()失效场景：编辑-赋值新增-初始值（问题点：新增的时候他就不初始化）方案：1、调用resetFields()传参2、要么使用reactive明确定义初始值解释：首先我这里讲一下源代码中的逻辑useForm代码1、首先我讲一下我这里为什
동경·2024-01-16 19:20

前端组件库自定义主题切换探索-01-方案借鉴与思路参考

探索原因背景首先自然是项目有需求，这是必须去做的原因其次，是我们项目没有直接使用市面上现成的基于element-ui或者ant-design的第三方UI框架，比如avue，而是有着自己的UI组件库第三，我们的组件库基于ant-design-vue
土豆片片·2024-01-14 01:27

ant-design-vue 1.x 的 a-form-model怎样设置表单必填项（a-form同样适用）

背景"ant-design-vue":"1.7.6"vue2吐槽不知道公司为什么非要用蚂蚁金服1.x版本的组件，还是新项目，问题很多bug不少本文记录第一个必填项bug问题项目内a-form-model
帆仔哟·2024-01-13 08:35

Ant-design-vue框架学习。

1.安装教程:npminstallant-design-vue--save2.运用vue-cli3.0版本搭建脚手架3.样式布局layout插件布局快速实现整体布局4.lib-flexible实现屏幕适配安装：npminstalllib-flexible--save5.引入import‘lib-flexible’(可以在全局引入main.js)全局使用适配样式:下载npminstallsass-l
浅浅一笑^*^·2024-01-13 05:51

ant-design-vue的日期组件a-range-picker赋值的问题

在使用ant-design-vue的日期组件时，总是会碰到赋值问题，习惯性的赋值就是直接给日期组件的变量赋值字符串类型，如下//html部分//js部分data(){return{dateValue:[
笑毅·2024-01-13 05:07

ant-design-vue的table组件的自定义表头和表格内容

使用a-table组件时，有时候需要自定义表头以及表格内容1、自定义表格内容//html{{scope.alarmTime}}无//jsdata(){return{columns:[{title:'告警时间',dataIndex:'alarmTime',scopedSlots:{customRender:'alarmTime'},//表格内容插槽align:'center'},]}}2、自定义表格
笑毅·2024-01-13 05:34

ant-design-vue 按需加载问题

好了废话不多说走一波先看文档安装npmi--saveant-design-vue@next引用import{createApp}from'vue';importAntdfrom'ant-design-vue
工匠四点零·2024-01-12 07:09

vite + vue3引入ant design vue 报错

npminstallant-design-vue--save下载插件并在main.ts全局引入报错解决办法一：main.ts注释掉全局引入模块按需引入解决办法二将package.json中的ant-design-vue
吾乃冠军·2024-01-08 21:56

ant-design-vue table表格添加合计行(完美解决篇)

思路：从后端获取数据后，前端计算生成合计行push到表格数据源中。但是！！！这样会遇到问题：a-table返回数据大于pagination.pageSize数据不显示问题，这个是vue2、vue3都有的问题。通俗点说，就是设定pageSize为10，后台也返回10条，但是通过push合计行变成了11条，这样会导致合计行不显示。解决思路：请求数据之后设置pageSize+1，然后a-table的:p
消失的狗尾巴·2024-01-08 04:34

ant 使用安装 按需加载

创好vue项目先从完整引入开始而后修改npm下载antnpmi--saveant-design-vue@next完整引入main文件下添加importAntdfrom'ant-design-vue';import'ant-design-vue
Sengoku_Xingzi·2024-01-08 04:16

vue2中websocket的使用

实现方法如下：创建websocket.js:importstorefrom'@/store'importCookiefrom'js-cookie'import{notification}from'ant-design-vue'varwebsocket
reembarkation·2024-01-07 02:05

ant-design-vue 使用本地iconfont.js

不过目前也没有解决，但是有人提出了一种新的的解决方案参考链接：https://github.com/ant-design/ant-design/issues/16480main.jsimport{Icon}from'ant-design-vue'import
边中之城·2024-01-07 00:47

ant-design-vue的form表单全局禁用不生效

文章目录一、问题二、解决2.1、`4.0`之前的版本2.2、`4.0`开始的版本三、最后一、问题实际使用ant-design-vue在开发表单的时候或许会遇到编辑与查看的需求，但是查看的时候表单不允许编辑
小马甲丫·2024-01-04 16:36

html2canvas+jsPDF导出超长网页的PDF

我是测试我是测试我是测试我是测试我是测试我是测试我是测试我是测试我是测试我是测试我是测试我是测试我是测试我是测试我是测试我的高度{{(index+1)*20}}页头我是页尾第页/第页测试导出import{message}from"ant-design-vue
程序猿_小天·2024-01-03 09:53

Ant Design Pro Vue 动态导航及动态路由实现

npm包使用的版本如下：{"name":"vue-antd-pro","version":"3.0.2","ant-design-vue":"^1.7.6","vue":"^2.6.14"}参考：AntDes
KevinChone·2024-01-02 11:39

在vue中使用lodash的debounce(防抖函数)

npminstalllodash--save2、引入debounce防抖函数importdebouncefrom"lodash/debounce";//防抖函数3、使用//template我这里用了ant-design-vue
杨召111·2023-12-31 22:18

vue3 ts 使用 Ant Design Vue 全局引入 icons

/store'importAntdfrom'ant-design-vue'//导入所有图标库import*asIconsfrom"@ant-design/icons-vue";importtype{Componen
该用户已成仙·2023-12-31 06:01

超大量数据，前端树形结构展示

后端返回了50万数据，让前端一次性展示成树，之前用的ant-design-vue的tree插件，卡的死死的，经过大量实验，现发现三种树可以支持如此大数量的数据。
是茜茜啊啊·2023-12-31 03:15

100、ant-design-vue 刷新页面导航栏自动定位到首页问题及回退

有问题的代码：HomeSearchHelpContact解决方法：查看ant-design-vue文档关于menu导航菜单的API注意:看Menu组件的两个属性：selectedKeys、d
world_7735·2023-12-30 09:02

ant-design-vue table的slots和customRender 无法同时使用解决方案

思路：在customRender中使用vue的h()函数调用自己的组件并传值，即可在新组件中产生自己想要的前端自定义展示展示结果图
搬砖工KO水泥匠·2023-12-29 23:35

vue-vant组件库

MobileUIComponentsbuiltonVuevant支持vue2，也支持vue3；vant2支持vue2，vant3、vant4支持vue3分类vue的组件库一般会按照不同平台进行分类：1.PC端：element-ui(element-plus)、ant-design-vue
小沐°·2023-12-28 22:38

ant-design-vue 3.23 datepicker 未完全汉化

问题描述根据全局配置了中文后，使用datepicker现象后依然存在月份和星期未汉化的情况，如下图image.png问题解决问题应该是antd的datepicker中使用到了dayjs，但是没引入到locale，所以导致未汉化。因此需要导入dayjs的zh-cn中文包官网链接：全局化配置ConfigProvider-AntDesignVue(antdv.com)image.png再看官网示例代码部
跟着Damon写代码·2023-12-28 09:02

Ant Design Vue表单组件a-form-item-rest使用

开发时碰到的一个小问题，在a-form-item中不止需要一个元素的时候，需要用到a-form-item-rest报错信息：Warning:[ant-design-vue:Form.Item]FormItemcanonlycollectonefielditem
大王在路上·2023-12-26 17:17

ant-design-vue Message 用法以及内容为 html片段情况

全局配置：//main.ts//进行全局配置message.config({top:`0.7rem`,//高度位置duration:2,//提示持续时间maxCount:1,//最大页面同时展示几条});项目中最常用的用法：1.字符串message.success("导入成功");2.html片段message.error({content:h("span",{style:"display:inl
阿Q--小黑·2023-12-22 22:06

ant-design-vue resetFields未生效解决

resetFields真的是个难搞的方法之前遇到过resetFields方法浏览器报undefind上一篇文章已经解决现在出现resetFields没有起到重置form表单初始数据作用但是可以重置表单校验数据遇到问题代码问题：先调用编辑回显再调用新增resetFields没有起到重置表单初始数据作用data(){return{form:{id:null,name:null,},};//编辑回显ed
前无止境CSND·2023-12-21 18:41

vue 使用 h函数

首先我们需要知道的是如何在列表中自定义渲染一个列，vbenadmin是基于ant-design-vue封装的，ant
吹牛不交税·2023-12-21 13:32
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他