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 配置如下 请问这个问题该怎么解决
-
下面这段代码来自于element-plus官网，有几点我不明白。 1.这里为什么用setTimeout？有必要吗？它是在失焦的时候才会触发验证 2.这里的ruleFormRef.value.validateField('checkPass')有必要吗？在失焦之后，checkpass字段不也会触发验证吗？如果设置change时校验，这还是有用的。 3.这里的rules有必要为响应式数据吗? 全部代码
-
我在objectSpanMethod中写逻辑，写了半天写不成，最关键的是需要合并的行个数不定，1，2，3，4，。。行合并都有可能。
-
我用的vue3 elment plus框架，有没有方便的方法做到下面的效果，就是高度显示2个数据的不同？
-
VUE3 + element-plus,子组件向父组件发送消息（调用父组件函数没有反应），this.$emit方法，请大佬们帮俺看看，谢谢 全部的代码 百度了好久都怎么管用的，刚学不太懂