ant-design-vue

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

vue3 使用antd 报错Uncaught TypeError--【已解决】

问题现象使用最基本的ant-design-vue按钮demo都报错报错文字如下UncaughtTypeError:Cannotreadpropertiesofundefined(reading'value
阿雷由·2023-12-20 19:30

企业级低代码平台，JeecgBoot-Vue3版 v1.3.0 里程碑版本发布

项目介绍Jeecgboot-Vue3采用Vue3.0、Vite、Ant-Design-Vue、TypeScript等新技术方案，包括二次封装组件、utils、hooks、动态菜单、权限校验、按钮级别权限控制等功能
jeecg博客·2023-12-18 15:28

vite+vue3+ts+tsx+ant-design-vue项目框架搭建

目录一、涉及到的相关依赖二、项目创建三、项目配置3.1、Tsx支持3.2、路径别名配置3.3、less配置3.4、router配置3.5、vuex配置3.6、ant-design-vue框架配置使用3.7
Helen_fight·2023-12-14 19:58

vite配置ant自动引入

安装ant组件，并引入使用//main.ts中//ant-design-vueimportAntdfrom'ant-design-vue';import'ant-design-vue/dist/antd.css
这个一个非常哈·2023-12-14 13:30

Ant-Design-vue表单的编辑功能数据的回显

注意点：1.需要将传入过来的数据进行深拷贝，否则在编辑弹框中修改数据会导致页面数据一起变化2.在给a-form赋值时，需要调用this.$nextTick方法，否则会报错提示dom没有渲染，且赋值时需要按需赋值，这里调用lodash中的_.pick方法3.Ant-Design-vue中的组件他的值为一个Monent对象，在使用时或传入时都需要进行转换否则会报错。男女编辑删除//编辑按钮editUs
skyTree,,·2023-12-05 23:55

关于vue3中按需引入流程ant-design-vue如何操作

[email protected]下载指定版本[email protected]、main.js文件引入并使用importAntdfrom'ant-design-vue'import'ant-design-vue
不屈油条·2023-12-04 20:45

ant-design-vue 表格组件a-table中行使用Popover错位解决方案

无效的方案content里面设置宽高overlayStyle设置弹窗宽高加forceRender属性分析：Popover定位的top不固定变化，有时正确有时不正确，传入logList数据不变后，不会发生错位，而流程上每次显示弹窗再去请求数据，导致错位解决方案：record中添加showLog字段标记显示隐藏拿到数据后改变showLog使其显示把查看按钮提到外面，避免Popover组件本身的点击改变
把信带给加西亚_a7c3·2023-12-04 00:23

vscode配置代码片段

.下面为json内容{“vue-template”:{“prefix”:“modal-table”,“body”:[“”,"“,"”,"“,“”,“”,“”,“import{message}from‘ant-design-vue
天蚕土豆丝·2023-12-03 02:13

vue3使用ant-design-vue的Modal的小技巧

1.getContainer。在使用Modal时，可选择是否挂载到某个HTML节点，一般不想让背面的方法被触发，会选择不挂载，这样Modal会默认挂载到和同一级别下的节点上，遮罩会将app里面的内容覆盖，导致app里面的内容无法使用，只要把Modal关了就可以继续使用。而当我们想用背景的内容来操纵Modal里面的数据的时候，往往需要操作app里面的内容，例如点击按钮等等。这个时候就需要把Modal
Yosola·2023-12-02 10:50

解决ant-design-vue中Select组件v-model值为空字符串不显示placeholder的bug

方法一：1.找到node_modules/ant-design-vue/es/vc-select/SingleSelector.js文件搜索renderPlacehoder方法将其修改为constrenderPlacehoder
原谅我不够洒脱·2023-11-29 07:50

ant-design-vue文件上传中的beforeUpload方法和change方法

ant-design-vue文件上传中的beforeUpload方法和change方法使用vue+ant-design时，遇到了点小问题，文件上传的过程中，如果文件不立马上传，需要在beforeUpload
我爱Java,Java万岁·2023-11-28 03:18

基于JEECG-BOOT制作“左树右表”交互页面

实现目的：1、左边树结构从两张表生成，并封装成控件，方便后期重复调用；2、右边列表，默认展示点击的叶子节点的关联数据，点击保存后，保存最终结果；3、通过ant-design-vue统一UI风格具体开发：
瀚岳-诸葛弩·2023-11-28 01:34

vue中下拉树树形结构的虚拟列表优化和ant-design-vue的form表单问题

元素的减少下拉树列表数据做虚拟列表实现封装的下拉树组件代码优化下拉树产生的场景最近在跟一个中烟的项目，我们单位是中烟的承接单位，碰到了一个树形结构的下拉框，卡顿比较严重，还有树形结构的穿梭框也是，这个树形结构是后端一次性给前端了，经过ant-design-vue
lalaladamowang·2023-11-24 07:15

webpack external 详解

使用方法：附上代码块config.set('externals',{vue:'Vue','vue-router':'VueRouter',axios:'axios','ant-design-vue':'
qq_41167198·2023-11-22 11:54

【vue】ant-design-vue的树结构实现节点增删改查

根据业务需要，实现树结构的节点新增编辑删除功能，主要逻辑是利用树节点的scopedSlots属性对其进行自定义改造，监听悬停事件在节点右侧出现增删改对应图标，点击图标出现弹窗表单对内容进行修改，具体代码如下：//模板部分0"show-icondefault-expand-parent:tree-data="factorTreeData":defaultExpandAll="true":autoEx
心酱儿·2023-11-22 01:00

前端处理大文件/视频分片上传，断点续传

1、html部分，项目使用的是ant-design-vue组件库；spark-md5进行加密上传image2、使用变量：（通过上传成功的分片数与总分片数对比判断上传是否完成）image3、主要方法：1、
ikerboy·2023-11-21 05:32

vue3 语法糖setup 动态加载组件

defineAsyncComponent使用:import{ref,watch}from'vue';import{Tabs}from'ant-design-vue';constATabs=Tabs;constATabPane
TCancel·2023-11-20 13:27

ant-design-vue 上下移动表格的行

handleDeletePro(record.planId)">删除importSortablefrom'sortablejs'mounted(){this.initSortTable()},//上下移动表格行initSortTable(){consttbody=document.querySelector('#tttbody')methods：{letthat=thisnewSortable(t
wwll177·2023-11-20 06:32

依据electron-vite写一个多窗口多页面demo，包含切换主题，sqlite-better3数据库

新项目需求需要开发一款桌面软件，需要多窗口功能，在electron-vite基础上增加相关功能，基于vue3开发，包含多页面功能，根据ant-design-vue加入黑白两色主题模式，electron增加
骑猪撸代码·2023-11-18 22:24

通过自定义指令实现 ant-design-vue 的a-modal弹窗可拖动

文章目录一、创建drag.js文件二、使用步骤1.全局使用，在main.js中引入drag2.代码中使用一、创建drag.js文件importVuefrom'vue'//自定义指令使弹窗可拖动//使用方式://加上v-drag-modal一定要加上destroyoncLose属性，否则弹窗不会回到初始位置Vue.directive('drag-modal',(el,bindings,vnode)=
Take-Your-Time·2023-11-17 17:28

vue3 实现pdf预览

aspdfjsLibfrom"pdfjs-dist/build/pdf.js";import*asworkerSrcfrom'pdfjs-dist/build/pdf.worker.min.js'import{message}from"ant-design-vue
唐十八_wei·2023-11-17 16:18

修改a-rate评分颜色；a-rate评分十分制

使用ant-design-vue的rate评分组件1。修改颜色2。十分制（默认是5分，改成10分。
i_am_a_div_日积月累_·2023-11-15 19:00

Vue+axios使用FormData方式向后端发送数据

文章目录前言一、该功能应用场景二、代码示例1.前端（使用的ant-design-vue，element-ui同理）2.后端三、效果演示四、问题总结1.前端发送的字段名和后端实体类的字段名不一致2.跨域问题
笑的像个child·2023-11-15 16:58

ant design pro of vue怎么使用阿里iconfont

在main.js中添加下面代码import{Icon}from'ant-design-vue';constIconFont=Icon.crea
wu_pan123·2023-11-12 08:10

开发知识点-Ant-Design-Vue

Ant-Design-Vuea-inputa-inputVue组件a-spin加载中的效果data字段mounted钩子函数AntDesignVue组件库list-type=“picture-card”上传的图片作为卡片展示nameshow-upload-listaction:beforeUpload=“handleBeforeUpload”:headers=“customHeaders”:dis
amingMM·2023-11-12 03:14

记录：vue3+ts+antdvue实际开发中封装的业务hooks

1.useFormimport{ref,nextTick}from'vue'importtype{ValidateErrorEntity}from'ant-design-vue/es/form/interface'importtype
coder qhl·2023-11-11 19:02

关于vue3.0 引入 ant-design-vue 报错 Uncaught TypeError: Cannot read property ‘use‘ of undefined 的解决办法

其实很简单哈哈哈就是因为版本的问题根目录执行下面这个命令就行了cnpmi--saveant-design-vue@next-Scnpm和npm都行我把我main.js的内容粘出来方便大家复制import{createApp}from'vue'importAppfrom'./App.vue'importrouterfrom'./router'importstorefrom'./store'impor
魏天·2023-11-11 01:47

ant-design-vue select选择框无法显示placehoder

将绑定的对应值设置成undefined{{item.text}}constformState=ref({classification:undefined,//商户分类});
KAGHQ·2023-11-06 13:10

ant-design-vue form表单自定义校验规则

constobjRegExp={marketPrice:"市场价格",};constNumberRegCommodity=/^(?!0)\d{1,10}$/;constvalidateNumber=(rule,value,callback)=>{if(!value){returnPromise.reject(`请填写${objRegExp[rule.field]}`);}if(!NumberReg
KAGHQ·2023-11-06 13:10

XqUploadCustom

/XqUpload";import{message}from"ant-design-vue";exportdefault{name:"",components
一人创客·2023-11-04 02:22

2022-05-13

/XqUpload";import{message}from"ant-design-vue";exportdefault{name:"",components
一人创客·2023-11-04 02:22

基于vue Ant-Design 的表单设计器，快速开发

的表单设计器，快速开发https://gitee.com/kcz66/k-form-design/表单设计器k-form-designimage简介参考项目vue-form-making，基于vue和ant-design-vue
一人创客·2023-11-04 02:22

antd ConfigProvider 全局化配置 (vue2 和 vue3)

在vue3中：//main.jsimport{ConfigProvider}from'ant-design-vue';import{createApp}from'vue';importAppfrom'.
c_reshape·2023-11-03 20:29

ant-design-vue 固定表单宽度

文档里form表单的labelCol属性只写了{span:3,offset:12}的用法，和参考GridCol的属性参数，并没有说可以设置style属性和用法。其实可以直接设置label的宽度:labelCol="{style:'width:100px'}"欢迎关注我的个人技术博客javascript艺术
javascript艺术·2023-11-03 01:39

Ant-Design-Vue 所涉及的响应式写法

Ant-Design-Vue所涉及的响应式写法问题描述我在项目中使用Ant-Design-Vue的Descriptions发现他的column有如下的描述：写到支持响应式写法，我一开始没找到这个响应式的定义位置
浮云而已丶·2023-11-03 01:03

ant-design-vue组件列表

ant-design-vue组件列表import{defaultasAffix}from‘./affix’;import{defaultasAnchor}from‘.
龍言玄间·2023-11-03 01:32

ant-design-vue 描述列表descriptions修改label与content样式

a-descpritions-item上绑定class不生效，使用/deep/deep/.ant-descriptions-row>th{padding-bottom:8px!important;width:20%!important;}/deep/.ant-descriptions-row>td{padding-bottom:8px!important;width:30%!important;}
fifty_one·2023-11-03 01:00

Vue3项目按需引入Ant-Design-Vue：解决Uncaught TypeError: Cannot read property ‘prototype‘ of undefined问题！

ant-design-vuebabel-plugin-importyarnaddant-design-vuebabel-plugin-import2项目配置2.1babel.config.jsplugins:[['import',{libraryName:'ant-design-vue
久忆凉·2023-11-03 01:57
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他