Vue3中使用Ant Design Vue图标
1、安装
npm i --save ant-design-vue@next //注意后边一定要@next否则会报错,文档上没有加
2、引入
import { createApp } from 'vue'
import App from './App.vue'
import Antd from 'ant-design-vue'
import 'ant-design-vue/dist/antd.css'Vue.config.productionTip = false;createApp(App).use(Antd).mount('#app')
3、使用
<template><div><a-breadcrumb><a-breadcrumb-item href=""><a-icon ><HomeOutlined/></a-icon></a-breadcrumb-item><a-breadcrumb-item href=""><a-icon><UserOutlined/></a-icon><span>Application List</span></a-breadcrumb-item><a-breadcrumb-item>Application</a-breadcrumb-item></a-breadcrumb><a-button-group>
Vue3中使用Ant Design Vue图标相关推荐
- VUE3 使用 Ant Design Vue 图标库的图标
emmm 就是 Ant Design Vue 这玩意用来做蛮好的 支持VUE3 所以这里用了这个了. 首先他支持你一个个导入 那岂不是.....傻里傻气的 ,所以我们一次性导入! 1. 先安装: ...
- 基于 Vue3.0 和 Ant Design Vue ,高颜值管理后台UI框架vue-vben-admin运行
简介 Vue Vben Admin 是一个免费开源的中后台模版.使用了最新的vue3,vite2,TypeScript等主流技术开发,开箱即用的中后台前端解决方案,也可用于学习参考. Github地址 ...
- 安装和使用Ant Design Vue 图标库
# 进入到web项目根目录cd web#在cmd命令窗口执行npm install @ant-design/icons-vue --save# 在main.ts引入 import {createApp ...
- 【vue2中引入阿里第三方图标库使用自定义的Ant Design Vue组件a-cascader级联选择后缀图标】
1,首先在vue2项目中安装ant design vue组件 npm install ant-design-vue@1.7.2 2,a-cascader组件在页面中的使用 <template&g ...
- Vue vben admin - 新鲜出炉的高颜值管理后台UI框架,基于 Vue3 和 Ant Design Vue
基于Vue3.0 / Vite / Ant Design 等火热开源项目构建,新鲜出炉,值得关注. 关于 Vue vben admin Vue Vben Admin 是一个基于 Vue3.0.Vite ...
- Vue3 UI组件库对比,Naive UI、Element Plus、 Ant Design Vue
对比图 \ Element Plus Naive ui Ant Design Vue 简介 element-ui Vue3版本,国内使用广泛 Vue作者推荐的Vue3ui 组件库 阿里Ant Desi ...
- 【Vue3】创建 vite + vue3 + Ant Design Vue 项目
搭建脚手架 创建项目: 然后按照它的指示运行项目 配置文件 安装构建 vue-router: npm i vue-router@next 创建 router/index.js 文件: import { ...
- Vue3 + Ant Design Vue Modal 对话框可拖拽指令
1.html部分 <div v-dialogDrag id="modalBox"><a-modalv-model:visible="visible&qu ...
- Vue3:基础项目UI框架PC端(Element ui,view-ui-plus,Ant Design Vue)
1.Element ui 文档已经更新至Vue3,可以放心使用,在使用Element ui的时候注意在使用弹性布局的时候,Element ui中的Table 表格会出现缩放无法自适应问题. 安装 $ ...
最新文章
- Spock是什么?它和JUnit,JMock有什么区别?
- BCH的去中心化理念自治
- java 文件crc校验_JavaCRC校验原理
- 修改oracle数据库密码
- Idea创建web项目,配置tomcat服务器
- 替换jar包_替换代码的情况下不停机!这操作可能工作6年的Java程序员都不会
- 算法~将文件夹下所有文件输出到日志文件中(包括所有子文件夹下的)
- GEF:使用Draw2D画流程图-(下)
- CorelDRAWX4SP2简体中文正式版精简增强版
- 数据库宿舍管理系统MySQL表_数据库-宿舍管理系统
- html留言页面设计,html的留言板制作(js)
- 利用逆矩阵解线性方程组_(非)线性方程组求解库大全
- java adobe pdf转word_adobe reader如何把PDF转换成word?adobe reader把PDF转换成word教程
- delphi xe10 android x86,盒子 - 完整版DELPHI XE10.1移动开发框架 绝对可以使用
- DedeCMS 后台地址泄露漏洞
- 德勤中国持续深化与亚马逊云科技的合作,进一步扩充云技术人才储备
- inflate的使用
- 条形码识别(1)——基础知识
- 硬盘开盘证明怎么写,开盘证明范本
- 计算机教育中缺失的一课,劝学弟学姝们一句,一定要趁早补上,工作后会事半功倍