vue.js - 将 Quasar 安装到现有的 Vue 项目后,如何在项目中使用 quasar 组件?
问题描述
我正在尝试在预先存在的 Vue 3 项目中使用 quasar。当我尝试使用像<q-btn">
使用 quasar-framework 导入这样简单的东西时,页面会空白吗?没有 /quasar.conf.js 文件,只有一个 quasar-user-options.js,其中包含配置和插件对象。请帮助我是 Vue 和 Quasar 的新手。
类星体用户选项:
import './styles/quasar.scss'
import '@quasar/extras/material-icons/material-icons.css'
// To be used on app.use(Quasar, { ... })
export default {
config: {},
plugins: {
}
}
添加员工.vue
<template>
<Navbar/>
<h1>Add Employee</h1>
<q-btn color="primary" label="With Tooltip" class="q-mt-md">
<q-tooltip class="bg-accent">I'm a tooltip</q-tooltip>
</q-btn>
</template>
<script>
import Navbar from '../components/Navbar.vue'
import Quasar from "quasar-framework/dist/quasar.mat.esm";
import "quasar-framework/dist/umd/quasar.mat.css";
Vue.use(Quasar);
export default {
components: {
Navbar,
QBtn
}
}
</script>
<style>
</style>
解决方案
推荐阅读
- html - Sequelize 错误:不能是数组或对象
- android - 一组文件传输后如何从附近的连接客户端获取完成更新
- javascript - Domino Designer 中的 javascript 版本?
- python - 只读最后一行。Python
- python - Python Boto3 MFA 与 Access_Key_Id、Access_Key、Session_Token 和 MFA 建立连接,无需通过 RoleArn
- java - 正则表达式 | 如何定位/跳转到下一行或特定行?
- image - ImageMagick 或其他方法:如何在图像中找到对象中心的坐标?
- javascript - 为什么我的基本情况没有返回适当的数组?
- python - 在重复行中对 DataFrame 中特定列的值求和
- python - 将 GeoDataFrame 几何图形分解为单部分多边形