vue2如何安装引入Ant Design
更新时间：2024年03月18日 09:55:27 作者：SuperYiY
这篇文章主要介绍了vue2如何安装引入Ant Design问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
前言
antd 是基于 Ant Design 设计体系的 React UI 组件库，主要用于研发企业级中后台产品。
而Vue框架是搭配 Ant Design Vue;
Vue3安装
npm install --save ant-design-vue
安装为Ant Design Vue的最新版，与Vue3适配；
而是vue2项目需指定版本号为1.x.x，否则会出错
若出错需要卸载 npm uninstall ant-design-vue ，重新安装
Vue2安装
@ 指定版本号
npm install --save ant-design-vue@1.7.8
main引入
在main.js文件中
import Antd from 'ant-design-vue'; import 'ant-design-vue/dist/antd.css'; Vue.use(Antd);
简单使用
例子：描述列表
<a-descriptions bordered title="用户信息">
<a-descriptions-item label="UserName">
蔡小艺
</a-descriptions-item>
<a-descriptions-item label="Telephone">
1810000000
</a-descriptions-item>
<a-descriptions-item label="Live">
广东 广州
</a-descriptions-item>
<a-descriptions-item label="Remark">
empty
</a-descriptions-item>
<a-descriptions-item label="Address">
宇宙最深处的前端
</a-descriptions-item>
</a-descriptions>
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了Vue实现Layui的集成方法步骤，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-04-04
热力图是一种数据可视化技术,它使用颜色来表示数据点的值,热力图常用于可视化分布数据,例如人口密度、温度变化或网站流量,本文给大家介绍了如何使用Vue3和ApexCharts创建交互式热力图,需要的朋友可以参考下2024-06-06
这篇文章主要为大家介绍了vue 模板循环绘制多行上传文件功能实现详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-07-07
这篇文章主要为大家详细介绍了vue-drawer-layout实现手势滑出菜单栏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-11-11
element-ui使用el-date-picker日期组件常见场景分析
最近一直在使用 element-ui中的日期组件,所以想对日期组件常用的做一个简单的总结,对element-ui el-date-picker日期组件使用场景分析感兴趣的朋友一起看看吧2024-05-05
过滤器是vue为开发者提供的功能，常用于文本的格式化，过滤器应该被添加在JavaScrip表达式的尾部，由“管道符”进行调用，这篇文章通过案例给大家讲解Vue过滤器介绍及使用方法，需要的朋友参考下吧2022-11-11
在项目开发中，如果使用到了 vuex，通常我会将所有的接口请求单独用一个文件管理，这篇文章主要介绍了Vuex中actions如何优雅处理接口请求,业务逻辑写在 actions 中，本文给大家分享完整流程需要的朋友可以参考下2022-11-11
这篇文章主要为大家详细介绍了vue实现签到日历效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-08-08
这篇文章主要介绍了vue请求函数和路由的安装使用过程,本文给大家介绍的非常详细,感兴趣的朋友跟随小编一起看看吧2024-08-08
这篇文章主要为大家详细介绍了vue3中form表单层级嵌套问题的相关解决方法,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下2025-05-05
最新评论