忘忧的小站

  • 首页
  • 文章归档
  • 日志
  • 关于页面

  • 搜索
分布式索引 索引 全文搜索 Lucene.Net GPS 音视频 过滤 AOP 时区 升级 ABP.Zero 数据备份 linux 阿里云盘 aliyunpan 面试题 Signalr S 汉字 css html 前端 拼音键盘 在线键盘 uniapp .Net Core XMLRPC Serilog LOKI Nlog 分布式日志 加密 总结 人生 Asp.Net Core Swagger Web Element-plus Quasar 匹配 JavaScript 正则 .Net 后台 架构师 Redis EF CORE MySQL 自考 英语 集群 Jenkins CI/DI 内网穿透 代理 ABP 学习 后端 软考

Quasar Vue3 引入Element plus 框架爬坑

发表于 2022-01-03 | 分类于 vue | 0 | 阅读次数 1677

Quasar Vue3 引入Element plus 框架爬坑

Quasar 不能通过完全引入Element-plus UI框架只能通过单个组件引用的方式IQ使用Element-plus,会出现各种错误导致Element-plus引入失败
Element-plus
Quasar
解决办法

npm install element-plus
quasar new boot element

element.js

import { boot } from 'quasar/wrappers'
import {ElTree} from "element-plus/lib/components/tree/index"
import 'element-plus/theme-chalk/el-tree.css'
import 'element-plus/theme-chalk/base.css'
import { ElDatePicker } from 'element-plus/lib/components/date-picker/index.js'
import 'element-plus/theme-chalk/el-date-picker.css'
// "async" is optional;
// more info on params: https://v2.quasar.dev/quasar-cli/boot-files
export default boot(async ({ app }) => {
  // something to do
  app.use(ElTree)
  app.use(ElDatePicker)
})

然后在quasar.conf.js中增加boot项

image.png

  • 本文作者: 忘忧
  • 本文链接: /archives/70
  • 版权声明: 本博客所有文章除特别声明外,均采用CC BY-NC-SA 3.0 许可协议。转载请注明出处!
# Quasar # Element-plus
CentOS7.6安装MySQL8.0
Element-plus UI框架el-Tree自定义图表爬坑
  • 文章目录
  • 站点概览
忘忧

忘忧

君子藏器于身,待时而动,何不利之有

44 日志
6 分类
60 标签
RSS
Github E-mail StackOverflow
Creative Commons
0%
© 2025 忘忧
由 Halo 强力驱动