Ant Design Vue 是使用 Vue 实现的遵循 Ant Design 设计规范的高质量 UI 组件库，用于开发和服务于企业级中后台产品。Ant Design Vue中文文档：https://www.antdv.com/docs/vue/introduce-cn/Github:https://github.com/vueComponent/ant-design-vue/star：1...
原创
2021-09-08 17:41:05
2741阅读
点赞
Ant Design Vue 是使用 Vue 实现的遵循 Ant Design 设计规范的高质量 UI 组件库，用于开发和服务于企业级中后台产品。
原创
2022-01-19 10:57:18
3064阅读
官网地址：https://www.antdv.com/docs/vue/introduce-cn/ 。 Read More
转载
2020-08-13 10:21:00
270阅读
2评论
一、Ant Design Pro 介绍1、访问地址：https://pro.ant.design/zh-CN/2、开箱即用的中台前端/设计解决方案二、使用Vue CLI3快速创建项目1、创建步骤：vue create ant-design 依据需要选择相应的依赖
cd ant-design 打开项目文件
npm i ant-design moment 安装项目中的依赖，依据momen
转载
2024-04-01 10:53:27
97阅读
Ant-Design-Vue官网：https://2x.antdv.com/components/layout-cn# 安装ant-design-vue最新版 npm install ant-design-vue --save# 安装ant-design-vue 指定版本 npm install ant-design-vue@2.1.2 --save # 配置 ant-design-vue
原创
2022-09-05 17:09:40
789阅读
#1、vue create antd-demo #2、修改src/main.js 修改 src/main.js，引入 antd 的按钮组件以及全部样式文件。 import Vue from 'vue'; import Button from 'ant-design-vue/lib/button';
原创
2021-07-13 16:56:33
678阅读
第1章 准备工作介绍了 Flow、Vue.js 的源码目录设计、Vue.js 的源码构建方式，以及从入口开始分析了 Vue.js 的初始化过程。1-1 课程简介1-2 准备工作1-3 认识 Flow-文档1-4 认识 Flow1-5 Vue.js 源码目录设计-文档1-6 Vue.js 源码目录设计1-7 Vue.js 源码构建-文档1-8 Vue.js 源码构建1-9 从入口开始-文档1-10
menu 侧边栏菜单递归循环，和默认高亮默认展开相关配置; 引入ant 后 发现报错 菜单栏循环后高亮和展开子项设置; 菜单 路由 刷新后默认选中 ...
转载
2021-10-14 11:57:00
2628阅读
2评论
功能演示我们要实现的功能如下，有两个按钮，点击第一个按钮选择文件，选择文件后点击第二个按钮上传到服务器。功能需求：1.只允许上传png、jpg/jpeg格式的图片2.没有上传图片时显示占位图3.选择完图片后在页面中渲染出来!(https://s2.51cto.com/images/blog/202210/10210445_6344186d9919a36592.png?xossprocess=ima
原创
2022-10-10 21:05:41
1207阅读
AddDemo 代码1: <template> <div> <a-input v-model:value="Num1" /> <a-input v-model:value="Num2" /><br /> <label>Sum:{{SumNum}}</label> <br /> <label>Sub: ...
转载
2021-10-05 21:34:00
599阅读
2评论
Ant-design-vue更换主题色要求：框架本身使用的蓝色主题色，需要更换成UI指定的颜色。Ant Design or: #52c41a; // 成功色@w
原创
2022-07-01 10:04:42
2818阅读
表单验证详解 <template> <!-- 第一个坑 :model="formState.youForm" 一定要写成这样 不要写成:model="formState" :labelCol="{ style: 'width: 100px' }" 控制labe显示宽度 useSlectValue 是
原创
2022-09-01 16:54:26
2579阅读
创建项目后安装antdesignnpm i --save ant-design-vue@nextmain.js中添加引用import { createApp } from 'vue'import Antd from 'ant-design-vue';
import 'ant-design-vue/dist/antd.css';
const app = createApp(App)
app.us
转载
2021-03-13 20:58:46
2405阅读
2评论
最近刚刚上手了Vue3的antdvui框架，来做个简单的登录校验练练手?安装antdv依赖npminstallantdesignvuesave在main.ts/js中注册js//main.tsimport{createApp}from'vue'importAppfrom'./App.vue'import'antdesignvue/dist/antd.css'importAntdfrom'antde
原创
2022-09-27 14:50:33
983阅读
由于项目需求需要采取前端分页方式，最后找到解决方式 <a-table size="default" bordered :columns="columns" :dataSource="dataSource" :loading="loading" :pagination="false" > ...此处省
转载
2021-07-09 09:33:00
1702阅读
2评论
搜索表格数据，模糊清空空格包含搜索
原创
2022-10-18 10:36:31
999阅读
本文展示了两种在HTML中使用Vue.js、ant-design-vue、@ant-design/icons-vue的方式：1）直接引入Vue核心库，创建简单应用；2）通过UMD方式引入ant-design-vue组件库，实现按钮、输入框等UI组件；3）使用ES模块方式按需导入ant-design-vue。三种方式都演示了Vue实例的创建、数据绑定和组件使用，区别在于引入库的方式不同（CDN直接引用、UMD全局对象和ES模块导入）。示例包含基本数据绑定、方法调用和ant-design-vue组件的
但如果想要与后端配合着写，则需要传入pagination参数来自定义，onShowSizeChange ：只有pageSize 变化才会回调。onChange：页码改变的回调，参数是改变后的页码及每页条数。
原创
2022-10-20 21:06:37
1155阅读
思路实现该组件有两个思路，一个使用v-model进行双向绑定，一个是使用prop的.sync修饰符、父子组件通信。1.v-model形式v-model的实现需要在自定义组件中自定义一个inputvalue值，因为vue中的父子组件传递机制问题，在组件中直接修改props注入的key字段时，vue会给出错误。子组件中定义inputvalue字段，用于子组件中input元素的值的双向绑定，子组件中的i
(文章目录)
一、前言
ant-design-vue是蚂蚁金服 Ant Design 官方唯一推荐的Vue版UI组件库，它其实是Ant Design的Vue实现，组件的风格与Ant Design保持同步，组件的html结构和css样式也保持一致。 用下来发现它的确称得上为数不多的完整VUE组件库与开发方案集成项目。
下面具体讲解下该组件库的应用实践。
二、组件库安装
npm install ant
原创
2023-06-04 10:43:43
232阅读
点赞
1评论
