antdv

Vue3 + vite + antd2 vite.config.js及SyntaxError: The requested module ‘/node_modules/.vite/ant-design

项目中使用Vue3+vite+antdv2.x的vite.config.js配置文件，复制粘贴即可使用！
咏春-迪迦·2024-09-07 19:05

Ant 前端框架

Ant学习官网https://antdv.com/docs/vue/introduce-cn/1.面包屑--面包屑--面包屑第一级--左边添加图标首页--面包屑第二级--左边添加图标系统设置--面包屑2
atennis003·2024-09-04 06:12

关于umjs的主题切换实现

注意本文写作日期2024年7月7日，我目前是最新版本的注意：该功能仅antdv5可用最后目标实现先说一下，umijs布局默认是内置@ant-design/pro-layout布局写的看一下官网ProLayout
千击万磨还坚韧，任尔东西南北风·2024-08-28 19:36

使用react 18 + antd (v5.3.0) 如何设置用户管理？ 后续部分

今天就使用react结合antdV5.0处理一下用户管理.此用户管理，分为以下部分：用户列表–展示用户用户添加用户删除用户信息更新用户查询/筛选本节主要是阐述如何配置
前端布道人·2024-02-08 15:16

前端-Vue項目初始化

大家好我是苏麟,今天聊聊前端依赖AntDesignVue快速初始化项目.AntDesignVue官网:快速上手-AntDesignVue(antdv.com)初始化项目找到文档->快速上手脚手架命令:npminstall-g
踏遍三十六岸·2024-02-08 09:18

前端-Vue項目初始化

大家好我是苏麟,今天聊聊前端依赖AntDesignVue快速初始化项目.AntDesignVue官网:快速上手-AntDesignVue(antdv.com)初始化项目1.找到文档->快速上手脚手架命令
踏遍三十六岸·2024-02-01 01:23

UI组件库合集

AntDesignAntDesignVue—Anenterprise-classUIcomponentsbasedonAntDesignandVue.jsAnenterprise-classUIcomponentsbasedonAntDesignandVuehttps://antdv.com
Hermia_yuan·2024-01-28 13:24

antdv中table组件滚动条样式修改

滚动条的组成：::-webkit-scrollbar滚动条整体部分::-webkit-scrollbar-thumb滚动条里面的小方块，能上下左右移动（取决于是垂直滚动条还是水平滚动条）::-webkit-scrollbar-track滚动条的轨道（里面装有thumb）::-webkit-scrollbar-button滚动条轨道两端的按钮，允许通过点击微调小方块的位置::-webkit-scro
qq_40055200·2024-01-25 00:25

关于成品项目分辨率适配解决方案

量太大,项目用的react+antdv+umi,react页面没有800个也有500个了,一个一个页面改,不太现实,耗时太久,决定找新的其他方案.在网上找了一些文章,决定用css3transfrom+jswindow.onresize
阳光先做·2024-01-21 07:12

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

栅格布局的描述：antdv官方文档介绍布局的栅格化系统，基于行（row）和列（col）来定义信息区块的外部框架，以保证页面的每个区域能够稳健地排布起来个人理解：类似于excel中的表格，一个一个的单元格可以进行合并
WGG_1987·2024-01-19 10:19

Ant 表单中label-col和wrapper-col

代码如下，在form中的参数，这些css布局参数控制响应式xxl,xl,md,sm,xs内置如下，offset设置label左侧的距离参数链接：https://www.antdv.com/components
m0_59324006·2024-01-19 10:43

vite vue3项目打包如何跳过ts检查并进行打包

"module","version":"1.0.0-beta.3","packageManager":"[email protected]","author":"aibayanyu","repository":"antdv-pro
Shero.李建业·2024-01-19 10:51

八、Vue3组件库经验[Ant Design]

一、AntDesign地址：https://2x.antdv.com/components/overview-cn/1.DatePicker日期选择框问题1：当将时间加载到DatePicker日期选择时
黑日里不灭的light·2024-01-08 08:10

Ant Design Pro 2(动态路由和菜单)

相关资料AntDesignPro2官方地址https://pro.antdv.com/官方源码git地址https://github.com/vueComponent/ant-design-vue-pro.git
那就飞了吧·2024-01-05 15:52

前端废物的自救之路（2）Ant Design Vue实现登录页面及表单校验功能

但是在认真研究了AntDesignVue（以下简称antdv）的文档后，我决定前后台都使用antdv
NoelleMu·2024-01-01 04:50

marked.js 渲染markdown文档，并在右上角生成锚点

但是markdown里面用户可以随便写，就会出现图二这种情况，这种情况下antdv的anchor的带children嵌套的那种数组就不好实现了图一图二方案因此我们选择把所有的项放到同一级，然后给不同的标题加
姝光·2023-12-29 02:44

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

因此需要导入dayjs的zh-cn中文包官网链接：全局化配置ConfigProvider-AntDesignVue(antdv.com)image.png再看官网示例代码部
跟着Damon写代码·2023-12-28 09:02

Ant Design Vue 中Upload上传组件的使用

文档地址：https://www.antdv.com/components/upload-cn/一、主要用到的upload组件的几个属性如下file-list：定义已上传文件列表multiple：定义允许上传多个文件
周星星的学习笔记·2023-12-27 19:52

a-select滑到底部增加下一页数据并保持滚动条位置

参考如下文章，根据自己的情况修改PaginationSearchSelect-自定义分页搜索选择器组件-Antdv选择器在数据量多时卡死卡顿问题解决方案_WuWenL-CSDN博客核心代码，只增加了两行一页的数据尽量少
qingfengmengge·2023-12-17 22:15

[Vue warn]: Failed to resolve component: a-switch If this is a native custom element

a-switchIfthisisanativecustomelement,makesuretoexcludeitfromcomponentresolutionviacompilerOptions.isCustomElement.atref=Ref<问题：使用antdv
ToOTOooo·2023-12-06 07:53

Antdv的日期选择器结合moment.js的用法

1.moment.js的安装及使用官网：安装：npminstallmoment--save#npmyarnaddmoment#Yarn引入： importmomentfrom'moment'1.格式化日期moment().format('MMMMDoYYYY,h:mm:ssa');//九月8日2023,4:59:03下午moment().format('dddd');//星期五moment().f
陌笑忆伤·2023-12-05 21:38

vue3-08

主页布局借助antdv的layout组件，可以实现主页【上】【左】【右】布局.a53{height:100%;background-color:rgb(220,225,255);background-image
敲代码的翠花·2023-11-30 05:31

VUE3.0+Antdv+Asp.net WebApi开发学生信息管理系统（二）

在B/S系统开发中，前后端分离开发设计已成为一种标准，而VUE作为前端三大主流框架之一，越来越受到大家的青睐，Antdv是Antd在Vue中的实现。
公子小六·2023-11-18 21:07

vue3+antdv 表格封装

tool.ts/**生成唯一ID*/let_idCounter=0;exportfunctiongenerateUniqueID(){varts=newDate().getTime().toString();varparts=ts.split("").reverse();varid="";for(vari=0;irecord[props.rowKey]":row-selection="rowSel
唐十八_wei·2023-11-17 16:24

vue3+typescript+antdv+vite初始化项目

1.初始化vue3项目npminit@vitejs/appvue3-demo加入文件夹，运行即可看到初始页面npminpmrundev初始化项目后配置文件目录如下2.配置tsconfig.json文件{"compilerOptions":{"target":"esnext","useDefineForClassFields":true,"module":"esnext","moduleResolu
yy_1028·2023-11-17 14:41

【vue】AntDV组件库中a-upload实现文件上传：

文章目录一、文档：二、使用(以Jeecg为例)：【1】template：【2】script：三、效果图：一、文档：Upload上传–AntDesignVue二、使用(以Jeecg为例)：【1】template：导入【2】script：exportdefault{data(){return{url:{importExcelUrlDispatchCar:"/kd/xxx/importTemplate"
Sun Peng·2023-11-15 07:17

react antd 多组checkbox复选框组实现全选，单选

title：由于现在antdv5版本的checkbox的onchange事件移除了e,对比之前的版本不能拿到当前点击的元素，父元素的change事件onCheckAllChange参数只有boolean
qq_45758147·2023-11-10 08:19

vue3 自定义loading

使用antdv后发现只有button支持loaidng属性，而其他元素不能使用loading来显示是否加载中，需要套一层a-spin才能支持，非常不方便。
唐十八_wei·2023-11-07 06:11

laravel+vue商城开源系统B2B2C QwShop v3

将原先的Laravel7->Laravel8Vue2->Vue3Antdv->ElementPlus之前是觉得ElementUI不再更新Vue版本就没使用，现在出了ElementPlus所以有改了回来这次还更新了下文档
镜花水月·始解·2023-10-31 17:29

and-design-vue 3.2.20官方离线文档(中文)

version:antdv:3.2.20环境版本：$node-vv20.9.0$npm-v10.1.0制作过程：github下载压缩包https://github.com/vueComponent/ant-design-vue
Meditate_MasterYi·2023-10-30 19:24

Vue antdv 下拉菜单不跟着滚动走（getPopupContainer 使用）

在使用阿里的AntDesignVue框架时，在使用有下拉菜单a-select等组件，用在a-drawer等组件或者页面上的时候，会发现a-drawer等组件能滚动的时候，a-select等组件的下拉菜单不会跟着走，停留在原地。这是滚动之后停留在原地的状态：但是我们希望在滚动的时候，下拉菜单也是需要跟着滚动，一直悬浮在输入框下面，这是正常状态：a-select代码需要这么写triggerNode.p
卡尔特斯·2023-10-28 12:26

Antd V4 使用iconType创建Icon，可动态设置iconType

image.png后台数据库存的icontype是antdv4的iconimage.png前端页面应该如何使用显示icon呢解决办法如下importReactfrom"react";import*asIconfrom
六二小盆友·2023-10-28 07:35

Vue Cli4+antdv项目搭建问题记录： warning in ./node_modules/[email protected]@ant-design-vue/es/config-pr

执行启动项目命令npmrunserve，出现警告warningin./node_modules/[email protected]@ant-design-vue/es/config-provider/index.js"export‘default’(importedas‘Vue’)wasnotfoundin‘vue’修改babel.config.js文件，配置babel-plugin-im
坚持努力才最重要·2023-10-27 18:58

页面打印功能，单选框多选框选中后，打印时不显示选中效果

使用antdv，或者element-ui时，如果对页面进行打印，存在单选，多选样式无法显示的情况，在打印预览界面--》更多设置中，背景图形选中就可以了。
种地的码农·2023-10-27 16:52

Ant Design Pro 2(GZIP压缩优化)

相关资料AntDesignPro2官方地址https://pro.antdv.com/官方源码git地址https://github.com/vueComponent/ant-design-vue-pro.git
那就飞了吧·2023-10-27 08:00

ant design vue pro Warning: [antdv: Icon]

控制台提示：异常提示Warning:[antdv:Icon]Iconshouldhavetypeproporcomponentproporchildren.原因分析及出现场景：百度后了解到，这个提示大致意思是
那就飞了吧·2023-10-19 20:54

antdv+vue3 下拉框模糊搜索功能的实现

加入如下代码即可show-search:filter-option="filterOption"//下拉框模糊搜索constfilterOption=(input,option)=>{//console.log("input",input,"option",option);return(option?.label??"").includes(input);};完整代码如下
ToOTOooo·2023-10-17 07:21

给antdv 1.78 Vue2版本的a-table增加显示隐藏列和列宽调整还有列位置拖动功能并将数据永久保存在后端

列位置拖动功能需要安装插件draggable，并在页面中引入。//npm方式安装npmi-Svuedraggable//或使用yarn安装yarnaddvuedraggable其他的废话不说直接上代码：HTML部分：显示/隐藏列JS部分：import{getAction,postAction}from'@api/manage'importdraggablefrom'vuedraggable'exp
pipipiper·2023-10-16 19:07

推荐 9 个 VUE3 UI 框架

AntDesignVue官方网站：https://2x.antdv.com/components/overview/AntDesignVue是一个非常成熟的框架，使用AntDesignVue创建用户界面非常简单
code小生_·2023-10-16 15:56

antdv vue3 input输入框删除图标

就是写上allow-clear就行
ToOTOooo·2023-10-15 19:57

【antdv】input实现搜索框获取清空输入值

使用AntDesignofVue1版本，实现搜索框。html部分js部分exportdefault{data(){return{searchText:''}},methods:{//输入时获取值onInput(e){console.log(e.target.value)},//搜索时获取值onSearch(value){console.log(value)},//清空输入框的值clearValue
哇，女前端哎！·2023-10-15 19:21

管理后台模板推荐

（后期vue3+TS开始收费）开源地址：https://github.com/vueComponent/ant-design-vue-pro效果预览：https://preview.pro.antdv.com
张中华·2023-10-15 16:12

【Vue3 Antdv】Ant Design Vue文字溢出鼠标滑上显示tooltip。不溢出，鼠标滑上不显示tooltip

组件封装代码{{props.title}}{{props.title}}import{defineProps,computed,useAttrs}from"vue";constprops=defineProps({title:{//提示标题type:String,default:''}})/**获取绑定属性*/constgetBindValue=computed(()=>{constdelArr=
孑然R·2023-10-13 20:28

antDesign vue 实现表格单元格合并

相信大家在做业务需求的过程中都遇到过表格单元格合并的问题吧，今天我们来简单讲讲antDesign配合vue来实现单元格合并1.首先我们来看一下官方给出的示例antDesign文档链接(https://2x.antdv.com
深情始于人海·2023-10-09 11:14

Antdv Pro 去除水印 基于 Vite4 + Vue3 + Unocss + Antdv4 + TS

官网https://docs.antdv-pro.com/去除水印在src-layouts-index.vue这个组件是antdvue4.0最新更新的一个水印组件
白色衬衫*899·2023-10-08 17:44

【antdv】a-range-picker月份范围、年度mode=“year“选择后弹框不关闭

前情提要：antdv版本1.7.8一、月份范围选择直接上代码吧exportdefault{data(){return{monthPickShow:false,formState:{settleMonth
meichaoWen·2023-10-03 06:41

Ant组件库的Steps步骤条中嵌套步骤条

如果在步骤条里嵌套步骤条实现：在a-steps标签里再写一个a-steps标签注意：需要监听:current，如果有多层嵌套，要判断什么时候显示子步骤条官网：Ant-vue的Steps步骤条组件：https://www.antdv.com
半朵梨花压海棠·2023-09-29 14:42

前端 Github 开源项目列表

前端Github开源项目列表开发这么久以来的一些开源小项目列表记录GitHubHelloWorld项目介绍地址vue-admin基于Vue的管理系统通用模板(可自由扩展与跨平台)Vue3、AntdV、Vite
·2023-09-28 11:10

vue3 antdv input输入 自动获取焦点的实现

import{ref,onMounted}from"vue";constinput_focus=ref(null);onMounted(()=>{input_focus.value.focus();//console.log("input_focus",input_focus.value);});vue3得到dom元素//1.给标签设置ref属性constinput_focus=ref(null)
ToOTOooo·2023-09-27 06:33

antdv 表格设置了列宽度但是不起效果 表格宽度仍然被内容撑得很长

constcolumns=[{title:"序号",dataIndex:"Index",width:50,align:"center",customRender:({text,record,index})=>{return`${(current.value-1)*pageSize.value+index+1}`;},},{title:"名称",dataIndex:"name",width:100,
ToOTOooo·2023-09-27 06:03
上一页 1 2 3 4 5 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他