ant design vue使用collapse默认节点
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ant design vue使用collapse默认节点相关的知识,希望对你有一定的参考价值。
参考技术A 在使用 ant-design-vue 的折叠面板 collapse 时候,如果 id key是数字的话,记得 String一下Vue+Ant design vue安装及配置使用
Vue+Ant design vue安装及配置使用
Ant design vue官网:https://www.antdv.com/docs/vue/introduce-cn/
基于 Ant Design of Vue 实现的Vue项目 :https://gitee.com/sendya/ant-design-pro-vue
推荐一个图标库阿里iconfont : https://www.iconfont.cn/
阿里iconfont基本使用:https://blog.csdn.net/xj932956499/article/details/103251355
(~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~)
一、认识Ant design vue
ant-design-vue是蚂蚁金服 Ant Design 官方唯一推荐的Vue版UI组件库,它其实是Ant Design的Vue实现,组件的风格与Ant Design保持同步,组件的html结构和css样式也保持一致。 用下来发现它的确称得上为数不多的完整的VUE组件库与开发方案集成项目。
二、安装及基本配置
首先需要有一个vue项目安装vue项目可以参考:https://www.cnblogs.com/tjw-bk/p/13747853.html
(~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~)
- 使用 npm 或 yarn 安装
$ npm install ant-design-vue --save
$ yarn add ant-design-vue
如果你的网络环境不佳,推荐使用 cnpm。
(~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~)
- 在main.js中全局配置
//全局配置ant-design-vue
//安装下载npm install ant-design-vue --save
import Antd from ‘ant-design-vue‘;
import ‘ant-design-vue/dist/antd.css‘;
import ‘element-ui/lib/theme-chalk/index.css‘
import {Button} from ‘ant-design-vue‘;
Vue.use(Antd);
Vue.use(Button);
以上是关于ant design vue使用collapse默认节点的主要内容,如果未能解决你的问题,请参考以下文章
「开源」基于SpringBoot+Ant Design Vue开发的物流仓储系统