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实现验证码倒计时按钮，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-08-08
这篇文章主要为大家详细介绍了vue v-on监听事件的相关资料，Vue.js中的监听事件是如何处理的，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-05-05
这篇文章主要跟大家介绍了关于Vue.js常用指令之循环使用v-for指令的相关资料，文中通过示例代码介绍的非常详细，对大家具有一定的参考学习价值，需要的朋友们下面来一起看看吧。2017-06-06
本文主要介绍了Vue和SpringBoot之间传递时间的方法实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-07-07
vue在mounted中window.onresize不生效问题及解决
这篇文章主要介绍了vue中在mounted中window.onresize不生效问题及解决，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-04-04
下面小编就为大家带来一篇Vue内容分发slot(全面解析)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-08-08
在Vue应用中,弹窗是一个常见的交互元素,有时我们可能希望用户点击弹窗外部时,弹窗能够自动关闭,本文主要介绍了Vue点击在弹窗外部实现一键关闭的示例代码,感兴趣的可以了解一下2024-06-06
这篇文章主要介绍了vue指令防止按钮连点解析，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-04-04
这篇文章主要介绍了Vue3内置组件Teleport使用方法，Teleport是Vue 3.0 新增的一个内置组件，主要是为了解决一些特殊场景下模态对话框组件、组件的渲染，带着些许的了解一起走进下面文章的详细内容吧2021-10-10
用户可以多文件上传 ,在上传到服务器之前需要检查服务器中有无重名的文件,如果有会返回重名文件的名称数组,这些文件需要一个一个的向用户确认是否要覆盖重传,这篇文章主要介绍了elementui上传文件不允许重名,需要的朋友可以参考下2024-02-02
最新评论