antdv

【无标题】

问题一：[antdv:DatePicker]`value`providesinvalidatemomenttime.Ifyouwanttosetemptyvalue,use`nulla-date-picker
Hope冯瑶~☆·2023-09-26 20:19

【Antdv】表单校验失败时将页面滚动到错误消息所在位置

遇见超长表单，提交校验失败，我们希望页面可以滚动到第一个错误消息的所在位置。this.$refs.refForm.validate((valid)=>{if(valid){//表单校验通过}else{//表单校验不通过setTimeout(()=>{//其他写法varerrors=document.querySelector(".ant-form-explain");varerrors=this.
·2023-09-18 16:20

Warning: [antdv: Each record in table should have a unique `key` prop,or set `rowKey` to ...

2149:7Warning:[antdv:Eachrecordintableshouldhaveaunique问题：antD控制台警告（Warning:[antdv:Eachrecordintableshouldhaveaunique
LMYH1123·2023-09-16 22:14

nuxt.js使用ant-design-vue实现评论组件

官方网址：www.antdv.com/docs/vue/in…开源地址：github.com/v
短暂又灿烂的·2023-09-06 22:10

2149:7 Warning: [antdv: Each record in table should have a unique `key` prop,or set `r...

antdesignvue的table不加key的话会报下面警告：antd-vuetable报错翻译之后的意思是：表中的每个记录都应该有一个唯一的'key'prop，或者将'rowKey'设置为唯一的主键。找一个row中惟一的值绑上去j就没有这个警告了，例如id
robotlee8·2023-09-06 05:39

antdv ellipsis 没有作用

antdv的Table表格碰到的问题table表格中同时使用fixed和ellipsis会造成固定列的内容溢出宽度时，会直接撑开设定的宽度，ellipsis不生效。
想喝橙汁儿·2023-09-05 19:05

antdv 的气泡卡片popover宽度控制

浮层的大小是由内容区域决定的控制方法：a-popover属性：overlayStyle代码：:overlayStyle="{width:‘50%’}"{{item.title}}自定义列属性在官网的地址：https://www.antdv.com
想喝橙汁儿·2023-09-05 19:05

Vue3+vite+ts+pdfh5.js pdf预览

说明因项目需要，控件库用的antdv2安装pdfh5npminstallpdfh5--save新建页面importPdfh5from"pdfh5/js/pdfh5.js";import"pdfh5/css
唐植超·2023-09-03 00:31

vue 自定义表格

dom部分主要用的是AntDesignofVue-AntDesignVue(antdv.com)组件ant*+{{i.name}}{{ins.name}}{{iee.name}}删除{{ins.name
呱嗨喵·2023-09-02 23:17

Vue3实现自定义vue-json-schema-form组件

我的vjsf是vue3＋ts+antdv首先下载指定版本，具体下那个版本可以参考这里：npmi@lljj/vue3-form-ant在vue文件中引入：imprtVueFormfrom"@lljj/vue3
Jerry cat·2023-09-02 09:46

Ant Design Vue Modal 模态框位置调整

实现步骤AntDesignofVue的官方文档：https://1x.antdv.com/docs/vue/introduce-cn/。
WCF向光而行·2023-08-30 10:58

【前端】vue3 接入antdv表单校验

最近使用的是vue3+antdv的架子，仔细探究一下表单校验的问题，总结一下。框架可能不同，主要看核心问题，如果有帮助，欢迎一键三连。
春花秋时知多少·2023-08-25 23:09

Rspack 创建 vue2/3 项目接入 antdv（rspack.config.js 配置 less 主题）

一、简介RspackCLI官方文档。rspack.config.js官方文档。二、创建vue项目创建项目（文档中还提供了Rspack内置monorepo框架Nx的创建方式，根据需求进行选择）#npm方式$npmcreaterspack@latest#yarn方式$yarncreaterspack#pnpm方式$pnpmcreaterspack@latest创建好项目并运行，目前Rspack版本支持
卡尔特斯·2023-08-23 02:56

antdv动态表单回显

在项目中经常遇到动态表单的业务。在编辑动态表单时需要回显新增后的内容。本文介绍AntDesignofVue的动态表单回显。比如新增时添加了两行动态表单，在第二次编辑时需要进行回显。下面是表单的HTML代码1"class="dynamic-delete-button"type="minus-circle-o":disabled="form.getFieldValue('keys').length==
寄风与你·2023-08-18 11:01

【AndV】ant-design-vue中select使用mode=“combobox“无效:

文章目录一、问题:二、解决:一、问题:Warning:[antdv:Select]ThecomboboxmodeofSelectisdeprecated,itwillberemovedinnextmajorversion
Sun Peng·2023-08-11 16:45

antdv Input组件maxLength属性设置默认值

在一个项目开发时，经常用到input组件或者textarea组件，当前项目使用的时antdv@1.7.8。
Initialize-le·2023-08-09 06:16

antDv table组件滚动截图方法的实现

在开发中经常遇到table内容过多产生滚动的场景，正常情况下不产生滚动进行截图就很好实现，一旦产生滚动就会变得有点棘手。下面分两种场景阐述解决的方法过程场景一：右侧不固定列的情况场景二：右侧固定列的情况场景一打开控制台我们发现表格的dom节点结构是这样子的可以看到上面这两块内容并不是在同一个div下的，而是分两块div那我们截图获取dom的时候当然不能获取他们俩共同的父级div，这样截图的图滚动隐
繁花&遇见·2023-08-05 03:07

vue3介绍，Vue3的新特性

Vue的compositionAPI(组合式API)可以更好的代码复用，方便构建大型项目对TS的支持比较好社区生态已经逐步完善组件（插件）名称官方地址官方地址ant-design-vuehttps://antdv.com
全栈^_^小菜鸟·2023-08-04 15:26

一行代码解决a-table当中rowKey报错的问题【终极版】【伸手党福利】

2149:7Warning:[antdv:Eachrecordintableshouldhaveaunique`key`prop,orset`rowKey`toanuniqueprimarykey.]Warning
三个人工作室·2023-08-04 03:11

JS antdv实现表格树形级联效果

概述项目中需实现以下这种效果：级联数据，表格横向排列，数据之间相互联动。现有UI组件无法满足此需求，只能撸起袖子加油干！！实现效果如下开发前先准备一个树形数据treeData.jsconsttreeData=[{areaName:"江苏",areaCode:"100",checked:false,indeterminate:false,order:1,children:[{areaName:"无锡
繁花&遇见·2023-08-03 20:08

关于antDv table组件pagination分页器跳转页数置空（输入框）置空问题

需求开发需要实现antDvtable组件pagination分页器跳转页数置空（输入框）置空修改这红框内input的值翻了组件文档发现没有这个组件配置，所以只能用原生操作dom更改值this.$nextTick(()=>{//改变跳至几页的值document.getElementsByClassName("ant-pagination-options-quick-jumper")[0].child
繁花&遇见·2023-08-03 20:34

antdv DatePicker 日期选择框 点击数据没有回显的问题

基于组件的日期选择框做了些业务需求上的调整，然后问题就出现了…在做表单详情数据初始化之后，再次选择日期，显示日期的数据框没有随之改变。导致这个问题出现的原因是：在数据初始化的时候，直接把详情的data对象赋值到了form对象上，即:解决办法：使用Object.assign给form对象赋值或者JSON.parse(JSON.stringify(data))/cloneDeep等深拷贝的方式。
Endless Daydream233·2023-08-01 20:02

vxetable和antdv（table）使用

vxetable版本：2.9antdv版本：1.7.81.表头数据import{h}from'@vue/composition-api'exportconstcolumns=[{title:'基本信息'
uuai·2023-08-01 12:16

antdv select下拉菜单自由扩展—添加输入框的使用问题

背景antdvselect官方使用dropdownRender对下拉菜单进行自由扩展，为了解决点击dropdownRender里的内容浮层关闭的问题，官方建议添加preventDefault，但是这样扩展内容里的输入框无法聚焦一开始采取的方案是手动给自定义的输入框focus事件，但是基于页面只会有一个focus的原则，会因此触发select的输入框blur，反而导致下拉菜单收起，最后还是采取手动控
weixin_38122772·2023-07-29 03:14

前端——》ant-design-vue组件的使用之二（a-select复选框的搜索与样式优化）

效果如图所示，在antdv的表格中，有涉及到下拉多选的需求，并且将选中的结果在单元格内一行展示，鼠标滑动观之。
Mr_xujiee·2023-07-29 03:12

antdv Select dropdownRender Input 不能输入的问题

简言之：外层套div，然后利用Select的open属性。直接上代码：新增分组//大概这么个引入的意思，具体看子级当前项目怎么个引入方式import{Form,Select,Divider}from'ant-design-vue';import{PlusOutlined}from'@ant-design/icons-vue';constAFormItemRest=Form.ItemRest：con
不知言·2023-07-29 03:40

Vite+Vue3+TS(6)整合AntDesignVue

AntDesignVue提供了开箱即用的高质量Vue组件AntDesignVue官方文档：https://www.antdv.com/components/layout-cn目录安装整合示例安装使用yarn
死牛胖子·2023-07-28 02:10

vue3 + vite + ts + antdv 搭建后台管理基础框架

文章封面.jpg最近公司官网需要一个后台管理系统，一直在看vue3，但是都没有在实际项目中使用过，正好就借此机会来踩踩坑。点击这里查看源码环境准备Node.jsv14.9.0npmv6.14.8vscode搭建Vite项目Vite中文网(vitejs.cn)Vite需要Node.js版本>=12.0.0//安装vue-ts模板npminit@vitejs/appvue3-template--tem
前端_逗叔·2023-07-26 14:08

vbenAdmin组件迁移到vue2.7+vite+ant1.7.8

vben-admin组件迁移的灵感来源来源——2022年底，由于业务用的是老项目：vue2.6+webpack+vue-cli+antdv1.7.8。
你的代码我的心·2023-07-23 02:35

vue 升级3 +vite+antdv4

目录一、安装包相关升级二、vite.config三、入口文件修改四、App.vue及相关升级五、路由六、状态管理VUEX一、安装包相关升级升级pakage.json相关安装包vue2插件vue3替换插件vue2使用vue3使用vue-lsvuex-persistedstate或vuex-persistVue.ls.get() Vue.ls.set()直接操作store相关k-form-design
huaiyanchen·2023-07-23 02:33

【Antdv】表单校验失败时将页面滚动到错误消息所在位置

遇见超长表单，提交校验失败，我们希望页面可以滚动到第一个错误消息的所在位置。直接上代码：this.$refs.refForm.validate((valid)=>{if(valid){//表单校验通过}else{//表单校验不通过setTimeout(()=>{//其他写法varerrors=document.querySelector(".ant-form-explain");varerrors
meichaoWen·2023-07-22 16:29

Vue3.0 实用小工具

Vue3.0的桌面端组件库https://element-plus.org/zh-CN/2.AntDesignofVueAntDesign的Vue实现，开发和服务于企业级后台产品https://www.antdv.com
Leeeeeer·2023-07-20 02:58

[回馈]ASP.NET Core MVC开发实战之商城系统(开篇)

前一段时间，写了一些实战系列文章，如：ASP.NETMVC开发学生信息管理系统Vue+Antdv+Asp.netWebApi开发学生信息管理系统WPF+Prism+MAH+Asp.netWebApi开发学生信息管理系统
公子小六·2023-07-19 09:32

react-antd table树形数据默认展开行实现以及自定义图标实现及踩坑(defaultExpandedRowKeys,expandedRowKeys)

antd-3.23.6(大版本为antd3)官方antd3版本API文档antd3和antd4版本对于表格来说变动很小只是把展开配置放到了一个expandable的对象里，所以只需要稍微变动就可以运用到antdv4
崽崽的谷雨·2023-07-18 23:28

[antdv: FormModel] model is required for resetFields to work

今天在用Vue+ant的UI框架进行表单绑定的时候出现报错Warning:[antdv:FormModel]modelisrequiredforresetFieldstowork.通过不断测试才发现是因为没有在表头使用
念你那丝微笑·2023-07-18 11:17

如何修改 antd vue 单个组件的默认样式

请移步segmentfault点击查看相同文章AntDesignVue地址：https://www.antdv.com/docs/vue/introduce-cn/刚接触AntDesignVue的童鞋们可能会有这样的问题
Unique·Blue·2023-06-24 10:26

ant-design-vue自定义主题

官方文档链接：https://www.antdv.com/docs/vue/customize-theme-cn/官方也推荐了好几种定制方式，直接用了第一种：在webpack中定制主题。
巴啦啦小魔仙dura·2023-06-24 09:16

20230621 taro+vue3+webpack5+antdv时，在vue文件中特定组件时，devH5环境报错

问题在某个vue文件下import{notification}from'ant-design-vue';然后在终端开始yarndev:h5在浏览器看效果回出现以下错误Uncaught(inpromise)TypeError:__webpack_require__.hmdisnotafunctionat./node_modules/.taro/h5/prebundle/ant-design-vue.
cx2889·2023-06-22 10:27

formik-antd

antd组件的样子，还好formik有一个很好的和antd结合的库formik-antd可以帮助我们快速实现一个formik和antd结合的表单；ohyeahformik和antd的结合使用formik-antdv2CodeSandbox
前端小白的摸爬滚打·2023-06-21 03:14

React+Antd 使用百度地图，添加地点输入提示的控件

先上一个示例图image.png使用React+AntdV4+百度地图，在地图上，添加一个可以输入地址，检索的控件。
六二小盆友·2023-06-21 01:03

Vue3 Antdv 表格分组合并指定列

项目特殊需求：依照数据中的分组标签以及指定的列进行数据分组合并。主要方法//添加合并标识constdataMerge=(data:Array)=>{for(leti=0;iJS部分import{onMounted,ref}from"vue";constresponse=[{id:1,code:"bk9995732",desc:"孔用挡圈65Mn150氧化GB893.2-1986",code_4:"
伍什kay·2023-06-20 09:03

Vue后管模板

vue-element-admingithub：https://github.com/PanJiaChen/vue-element-adminUI库：antdesignvue实例网址：https://preview.pro.antdv.com
PQ℡·2023-06-13 21:29

Geek-PC项目 文档

项目介绍●项目功能演示-登录、退出-首页-内容（文章）管理：文章列表、发布文章、修改文章●技术-React官方脚手架create-react-app-reacthooks-状态管理：mobx-UI组件库：antdv4
多喝热水，重启试试·2023-06-12 06:59

Ant Design Vue， DatePicker 日期选择框

AntdV组件的日期选择框用了一个包，moment.jsMoment.js中文网ranges是页脚下面的内容。
掉头发类型的选手·2023-06-12 01:47

Vue3基础知识

1.vue3社区生态：ant-design-vue：https://antdv.com/docs/vue/introduce-cn/，蚂蚁金服，ant-design-vue是AntDesign的Vue实现
泽源_30dd·2023-06-10 22:16

揭秘如何使用react 18 + antd (v5.3.0) 动态生成左侧菜单栏？

antd专门为react定制的中后台组件库，提供了大量的组件供开发者使用，官网地址点击跳转在中后台中，菜单项是必不可少的，今天就使用react结合antdV5.0配置一个菜单栏目.由于antdV5.0的做了升级
前端布道人·2023-04-17 19:47

vue中对组件二开的正确姿势

vue中对组件二开的正确姿势一、背景在对antdv、element、自定义组件二开过程中，最困扰的问题如下:组件那么多属性我如何传递，props?v-model?属性多的话透传有点呆。
程序不了猿·2023-04-15 09:06

解决同时使用antd俩个不同版本的样式错乱问题

文章目录一、背景二、问题1.错误的解决方案一：在js中引入2.错误的解决方案二：css引入文件地址然后加scoped三、解决方案四、结语一、背景项目需要同时使用antdV2-vue和antdV3-vue
吴迪98·2023-04-10 18:18

mac 下 vue3+vite+antdv 本地开发调试时的proxy 配置问题

proxy:{"/api":{///api的意义在于，声明axios中url已/api开头的请求都适用于该规则，//注意是以/api开头，即：axios.post({url:'/api/xxx/xxx'})target:"http://127.0.0.1:8090",//***重点***changeOrigin:true,//是否跨域//ws:true,//是否代理websockets//secu
xjjrocker·2023-04-06 13:10

vite配置ant design vue3按需引入后自定义主题色失效

使用unplugin-vue-components/vite和unplugin-vue-components/resolvers内的AntDesignVueResolver进行antdv组件的按需引入，
ruisenLi·2023-03-28 14:24
上一页 1 2 3 4 5 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他