vue3 - element-plus浏览器直接引入怎么搞？
1.html
<head> <meta charset="UTF-8" /> <!-- Import Vue 3 --> <script src="//unpkg.com/vue@3.3.4"></script> <!-- Import style --> <link rel="stylesheet" href="//unpkg.com/element-plus@2.3.4/dist/index.css" /> <!-- Import component library --> <script src="//unpkg.com/element-plus@2.3.4"></script></head>2.main.js
app.use(ElementPlus);3.axios.js
// 这个要怎么搞？我axios里面用了这个组件。import { ElMessage } from 'element-plus';共有2个答案
你得在vite.config.js文件中配置element-plus
resolve:{ alias:{ 'element-plus':'//unpkg.com/element-plus@2.3.4' }}然后在main.js中去import
// 在 axios.js 中，您需要导入 Element Plus 的相关模块以使用其中的一些组件。您已经导入了 ElMessage，这是正确的。然而，您需要实例化 Element Plus 和 Vue，以便能够使用这些组件。// 首先，您需要在您的应用程序中实例化 Vue 和 Element Plus。import { createApp } from 'vue';import ElementPlus from 'element-plus';import 'element-plus/lib/theme-chalk/index.css';const app = createApp(App); // 假设这是您的 Vue 应用程序app.use(ElementPlus);// 然后，您可以在您的应用程序中使用 Element Plus 的组件。import { ElMessage } from 'element-plus';app.component('el-message', ElMessage);这里需要注意的是，ElMessage 是 Element Plus 中的一个组件，您需要在您的应用程序中注册它，才能在您的模板中使用它。如果您想在 axios 的请求中使用这个组件，那么您需要在 axios 的请求完成之后，使用这个组件的相关方法来显示消息。例如，您可以在 axios 的 .then() 方法中使用 this.$el.message.success('请求成功') 或 this.$el.message.error('请求失败') 来显示消息。当然，这里的 this.$el 是指您的 Vue 实例。
-
使用 vite 打包组件库，在新的项目中使用时报错 下面是打包后的产物 pe 和 dn 找不到导致项目启动时就报错， 手动再新起一个别名时会结局此问题 vite.config.ts 配置如下 请问这个问题该怎么解决
-
VUE3 + element-plus,子组件向父组件发送消息（调用父组件函数没有反应），this.$emit方法，请大佬们帮俺看看，谢谢 全部的代码 百度了好久都怎么管用的，刚学不太懂
-
我封装了element-plus中的form的组件，代码如下： 使用组件： 为了不显示 el-form-item，<el-select>的代码写了一遍，又复制了一遍。 请教下有没有啥好的办法，可以控制 el-form-item 的隐藏与展示，同时让<el-select>的代码只写一遍？ 还有就是，组件这样写有没有不合理的地方。 欢迎指正，谢谢。
-
vue3 cdn引入怎么使用组件？
-
系统使用了element-plus按需载入的方式 我需要在一个组件内动态加载某些组件 这个loader方法一直无法正确渲染相应组件，例如type传入“ELInput”时系统会报个警告 尝试过import('element-plus/lib/components/ElInput')这种写法页不行，报错：[plugin:vite:import-analysis] No known conditions
-
日期：1998年10月30日星期五格林尼治时间13:19:41 服务器：Apache/1.3.3(Unix) 缓存控制:max-age=3600，必须重新验证 有效期：1998年10月30日星期五格林尼治时间14:19:41 最后修改：1998年6月29日星期一02:28:12格林尼治时间 ETAG:“3E86-410-3596FBBC”