- 综合排序
- 最热优先
- 最新优先
- 来自专栏快乐阿超
antdv动态表单组件
分享一个自己写的antdv动态表单组件 <!
1.3K20编辑于 2022-08-21 - 来自专栏李维亮的博客
antdv Modal this.$confirm对话框 使用vnode修改标题icon问题
icon 自定义图标（1.14.0 新增） string|()=>VNode <Icon type="question-circle"> 一、利用自带的icon赋值个默认的icon名字就可以了，但是有时候我们需要用到实底风格的icon，所以只能用()=>VNode
5.8K20发布于 2021-07-08 - 来自专栏前端资源
奇怪的“bug”：@cancel取消回调导致antdv Modal组件无法关闭
今天做的一个项目，使用的 Ant Design for Vue 组件库。 在页面中写了一个 Modal 组件，发现模态框弹出后无法关闭： <a-modal :visible="visible" :footer="null" :closable="false" > 设置 maskClosable 属性也不行： <a-modal :visible="visible" :footer="null" :closable="false" :maskClosable="true" > mas
4.9K20发布于 2021-03-24 - 来自专栏h5
Electron跨平台仿QQ|vue3+electron+antdv聊天应用
20210226143910450.png 033360截图20210226144059782.png 034360截图20210227165112176.png ant-design-vue桌面端vue3组件库 antdv
3K00发布于 2021-02-27 - 来自专栏前端资源
奇怪的“bug”：@cancel取消回调导致antdv Modal组件无法关闭
* JS */ handleCancel () { this.visible = false } 未经允许不得转载：w3h5-Web前端开发资源网 » 奇怪的“bug”：@cancel取消回调导致antdv
2.6K20编辑于 2023-08-25 - 来自专栏李维亮的博客
Warning: [antdv: Each record in table should have a unique `key` prop,or set `rowKey` to an unique p
Warning: [antdv: Each record in table should have a unique key prop,or set rowKey to an unique primary
1.3K40发布于 2021-07-08 - 来自专栏更流畅、简洁的软件开发方式
文档驱动 —— 表单组件（六）：基于AntDV的Form表单的封装，目标还是不写代码
AntDV非常强大，效果也非常漂亮，功能强大，使用也非常灵活，只是写起来代码有点多。 AntDV的Form表单似乎只能是单列或者单行的，没发现多行多列的方法。 单列就是下面这样 ? 多行多列是这样 ? 难道现在都不需要这种多行多列的表单了吗？ 为啥不自己写个table？ 这个还真写了，查询表单就是自己写的table，只是我发现表单验证的功能似乎被AntDV给封装到了Form表单里面，目前还没发现单独使用的方法。 所以目前只好直接封装Form表单来实现表单验证功能了。
1.5K20发布于 2020-09-26 - 来自专栏友人a的笔记丶
Ant Design Vue使用记录，持续记录
2.使用过的组件 加载中（a-spin）：https://antdv.com/components/spin-cn/ 栅格系统（a-row、a-col）：https://antdv.com/components /grid-cn/ 表单（a-form、a-form-item）：https://antdv.com/components/form-cn/ 布局（a-layout...） ：https://antdv.com/components/layout-cn/ 卡片（a-card）：https://antdv.com/components/card-cn/ 3.表格（a-table ） 提示 官方文档：https://antdv.com/components/table-cn/#API API详解： columns，指定一个对象用于配置表格列。 pagination，表格的分页相关配置，https://2x.antdv.com/components/pagination-cn bordered，布尔值，是否显示表格竖向的边框。
6K30编辑于 2023-02-17 - 来自专栏前端自习课
【微前端】1443- 将微前端做到极致-无界方案
主应用： 1、修改主应用的 index.js，将共享包挂载到主应用的 window 对象上 // index.js import Antdv from "ant-design-vue"; // 将需要共享的包挂载到主应用全局 window.Antdv = Antdv; 2、加载子应用时注入插件，将主应用的 Antdv 赋值到子应用的 window 对象上 <WujieVue name="A" url="xxxxx" : plugins="[{ jsBeforeLoaders: [{ content: 'window.<em>Antdv</em> = window.parent.<em>Antdv</em>' }] }]"> </WujieVue> 子应用 : webpack 设置 externals module.exports = { externals: { "ant-design-vue": { root: "Antdv ", commonjs: "Antdv", commonjs2: "Antdv", amd: "Antdv", }, }, }; 如果子应用需要单独运行可以参考文档
6.7K32编辑于 2022-11-15 - 来自专栏code秘密花园
将微前端做到极致-无界方案
主应用： 1、修改主应用的 index.js，将共享包挂载到主应用的 window 对象上 // index.js import Antdv from "ant-design-vue"; // 将需要共享的包挂载到主应用全局 window.Antdv = Antdv; 2、加载子应用时注入插件，将主应用的 Antdv 赋值到子应用的 window 对象上 <WujieVue name="A" url="xxxxx" : plugins="[{ jsBeforeLoaders: [{ content: 'window.<em>Antdv</em> = window.parent.<em>Antdv</em>' }] }]"> </WujieVue> 子应用 : webpack 设置 externals module.exports = { externals: { "ant-design-vue": { root: "Antdv ", commonjs: "Antdv", commonjs2: "Antdv", amd: "Antdv", }, }, }; 如果子应用需要单独运行可以参考文档
3.3K20编辑于 2023-01-09 - 来自专栏采云轩
拥抱 Vue 3 系列之 JSX 语法
slots.default}</tag> } } 看过 Ant Design Vue (https://github.com/vueComponent/ant-design-vue) 源码 (下面简称为 antdv ) 的同学应该知道， antdv 的底层是基于 JSX 来实现的，也是 Vue 生态中使用 JSX 的深度用户。 写这篇文章的时候，antdv 已经使用 @ant-design-vue/babel-plugin-jsx (https://github.com/vueComponent/ant-design-vue) 那么 antdv 又是如何做迁移的呢？考虑到 antdv 是个组件库，都包一层 compatibleProps 势必不太优雅，因此没有选择开启这个两个开关。 虽然说 Vue 中 JSX 的开发方式是一个少数群里，但是 antdv 的使用用户也不是少数。
2.6K10发布于 2020-07-24 - 来自专栏方球
vue3.0 + ts 打包ui组件
背景 技术栈 ： antdv TS Vue3.0 目录 root vue.config.js script 打包脚本 gulpfile.js components 组件源文件 src 测试用例 配置打包命令 这部分需要我们自己动手生成, 参考 antdv iview 我们使用 gulp 实现相关功能 // pakcage.json { // 新增打包命令 "script": { // 统一构建任务 除了生产 umd 模块外， 如需要提供ES6 模块， 我们需要自己配置相关打包处理，可以参考 antdv 官方的打包方案。
2K20发布于 2020-11-26 - 来自专栏子舒的个人博客
vue2 中引入 Ant Design 报错问题
https://1x.antdv.com/docs/vue/getting-started-cn/ 根据 Ant Design 官方文档，在 vue2 中安装组件时使用指令： npm i --save
49620编辑于 2023-08-23 - 来自专栏更流畅、简洁的软件开发方式
文档驱动 —— 表单组件（五）：基于Ant Design Vue 的表单控件的demo，再也不需要写代码了。 表单一 公司信息表单二 员工信息，简化版，只是为了演示表单的切换。以后会出
还是antdv那个样子，只是没有直接使用Form组件，而是用了几个class。（验证功能还在研究中） 表单一 公司信息 ? 表单二 员工信息，简化版，只是为了演示表单的切换。以后会出复杂版 ? 首先要使用基于antdv封装的表单元素组件，然后for循环出来tr，再把组件加到td里面就可以了，操控感十足。 因为都是for出来的，所以表单再大，代码也还是那几行，不会增加。
1.1K10发布于 2020-09-21 - 来自专栏码客
Vue3常用的UI框架
Ant Design Vue https://www.antdv.com/docs/vue/getting-started-cn 概要 CSS预处理器为Less。 示例为TS+组合式API。 createApp(App) app.use(createPinia()) app.use(router) app.use(Antd) app.mount('#app') 修改主题 https://www.antdv.com
91910编辑于 2024-08-03 - 来自专栏更流畅、简洁的软件开发方式
每天学一点 Vue3（一） CND方式的安装以及简单使用 js脚本的引用方式数据绑定和UI库的使用Vuex状态管理的简单使用路由的简单使用
Vue3还有几个必备库，比如Vue-Router（负责路由导航）、Vuex（状态管理、组件间通信），还有第三方UI库，比如element Plus、Antdv、Vant 等。 src="https://unpkg.com/element-plus/lib/index.full.js"></script> <link rel="stylesheet" href="js/<em>antdv</em> /antd.css"> <script src="js/<em>antdv</em>/antd.js"></script> <link rel="stylesheet" href="https://cdn.jsdelivr.net --Ant Design Vue 的 按钮--> <a-button type="primary" @click="click">antdv的按钮</a-button>
1.8K40发布于 2021-02-04 - </template> 在App.vue中引入test.vue 使用了一下导航菜单的代码 https://www.antdv.com来自专栏编程微刊
Ant Design Vue 使用-引入 ant-design-vue并且使用
Ant Design Vue 中文文档：https://www.antdv.com/docs/vue/introduce-cn/ Github:https://github.com/vueComponent link"> Link </a-button>
1.9K10编辑于 2025-05-20
Ant Design Vue 使用
Ant Design Vue 中文文档：https://www.antdv.com/docs/vue/introduce-cn/ Github: https://github.com/vueComponent link"> Link </a-button>
Vue项目使用Ant Design升级后报错Carousel `vertical` is deprecated的解决方法
LocaleProvider 报错的问题：Vue项目使用Ant Design升级后报错`LocaleProvider` is deprecated的解决方法 今天又发现首页有一个报错：Warning: [antdv
基于Ant Design Vue封装一个表单控件
为啥还要折腾 首先antdv 是一个非常强大UI库，提供了很强大的功能和漂亮的UI，使用方面也是非常的灵活，不仅有Form表单，还有各种Data Entry组件，非常灵活。 只是鱼和熊掌不能兼得，antdv为了灵活而牺牲了一些简洁性。 找了半天，antdv没有提供单纯的table，只好手动找class了，于是代码变成了这样。 当然实际干活的是vue和antdv，我只是做了一种尝试。 为啥不直接用antdv提供的 Form 表单？ 这个嘛，思路不太一样。好吧，其实是官网的代码，在本地还没有调试成功，等研究明白了还是会用的。
