记录一下使用Element-plus组件库时遇到的问题

最新推荐文章于 2024-02-27 10:18:02 发布
最新推荐文章于 2024-02-27 10:18:02 发布
阅读量741 收藏
点赞数
文章标签： vue.js 前端 elementui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_48141892/article/details/124932129
版权

按照视频安装好之后，使用button按钮测试时，页面里什么都没有显示，控制台还会报错

解决的办法就是：

在项目里安装Element组件库，而不是新建一个终端去安装，这样就可以解决了！！！

虽然是一个很很初级的问题，但是困扰了我快两个小时，所以记录一下，如果有同样的问题，希望能够提供到一些思路~~

晴问一下
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
C++函数定义报错：variable or field was not declared “形参未定义” 2020-10-23
qq_46608365的博客
10-23 9036
C++中使用struct定义了一个结构体，在下面的函数定义中引入该类型的形参时却直接导致了该函数无法被编译器识别为函数 本人在做数据结构作业时，用C++语言定义了一个单链表的节点类型，定义时用的是struct LinkNode(){… …}，接下来定义有关的基本运算时后进行编译后，编译器竟然给出了一个罕见的报错信息:variable or ...
element-plus(element-plus@2.5.5) 本地离线资源
02-05
element-plus@2.5.5 本地离线资源，适用于没有网络连接、搭建自己的cdn等用途。 All files（包含文件） /npm/element-plus@2.5.5/dist /npm/element-plus@2.5.5/es /npm/element-plus@2.5.5/lib /npm/element-...
挖坑记录：vite使用sass 报错：[plugin:vite:css] expected “；“.
北柒南笙
10-27 9388
vite 使用 sass 报错
解决vue3 动态引入报错问题
yr123456654321的博客
12-11 254
最后打印了下，modules['../../components/flowchart/edge/dbedgeview/dbedgeview.vue']和我那个defineAsyncComponent里面直接import也一样啊，真的是，非要加个glob。警告，查了下，是动态引入的问题，看到说要用glob。之前这样写的，能使用，但是有警告。
小程序Vue3.0使用UView3.0报错[plugin:vite:css] Undefined variable.$u-main-color；
最新发布
m0_55464684的博客
02-27 1032
如果您的项目是由HBuilder X创建的，请在HX菜单的 工具->插件安装中找到 "dart-sass编译" 和 "scss/sass编译" 插件进行安装，安装完后重启下HBX。如果您的项目是由vue-cli创建的，请通过以下命令安装对sass(scss)的支持，如果已安装，请略过。【使用原因】发现uni-ui的表格居然是根据一行一行的表格具体内容确认宽度的对齐不了，换其他的组件库试试。【解决】下载插件导入HbuilderX后，不能直接使用，需要安装官网链接进行一些安装配置。
Syntax Error: SassError: Undefined variable. ╷ 314 │ color: $u-primary； │
weixin_44563526的博客
04-27 1万+
项目场景： 使用Uni-app创建文件并使用Uview引用scss报错 问题描述 安装sass后 启动会报 找不到这个东西 原因分析： 1.可能是配置全局引用没有完整 查看自己是否全局引用完整 1.安装依赖 // 安装sass npm i sass -D // 安装sass-loader，注意需要版本10，否则可能会导致vue与sass的兼容问题而报错 npm i sass-loader@10 -D 2.安装uview-ui npm install uview-ui 默认版本为1.X 官网默认打开
element-plus-2.2.12 本地资源文件
08-01
element-plus-2.2.12 本地资源文件，适用于Vue 3编程，是流行的Vue 3的组件库。 资源适用于离线开发，内网使用。 （本资源为 element-plus-2.2.12 保存而来，如有侵权请联系我删除。）
element-plus离线文档
05-07
element-plus离线文档，node服务已经配置好，直接node server.js即可使用，可以在内网部署，已经部署成功。
element-pro-components:基于element-plus的Vue 3的组件库
04-18
元素亲组件（WIP） 基于element-plus的Vue 3的组件库|去做： 组件 ProLayout 专业菜单 面包屑 ProTabs ProTable 专业表格 ProInputTag ProRadio ProRadioButton ProCheckbox ProCheckboxButton ProSelect ProCrud ...
Vue3+element-plus-table-dragable(Sortable.js)实现表格拖动排序
06-15
重用现有element-plus组件库。对于小白来说怎么在Vuedraggable里使用element组件提供了实际应用参考。table样式完全模拟了el-table组件样式。看官方文档两天也不如直接看一个完整的实例。 需要安装依赖：npm i -S ...
ts 使用sass变量提示在string上不存在这个属性
qq_15006083的博客
02-18 3092
ts 使用sass变量提示在string上不存在这个属性** 解决办法：定义声明模块variables.scss.d.ts，如下图： 这样就解决了问题 如果配置了全局的sass变量，还会引发一个问题，提示This file is already being loaded. 解决办法：删除variables.scss.d.ts文件和variables.scss中的导出代码，和新建一个导出sass变量的scss文件(export.scss)和对应的声明文件(export.scss.d.ts)，expor
webstorm vuejs 警告“default export is not declared in imported module”
今天
08-09 1万+
首先启用webstorm es6语法 eslint –init 执行自定义的语法检查 警告“default export is not declared in imported module“， Editor->Inspections->Javascript->Genernal 取消打勾“unresolved javascript fucntions“ 取消打勾：“unresolved
解决element plus暗黑模式自定义主题报错Module build failed (from ./node_modules/sass-loader/dist/cjs.js):SassErro
山野里的小菊花
06-09 2524
前言：根据官网提示，在index.html的html标签下使用dark启用暗黑模式，然后使用scss引入覆盖的方式自定义主题报错如下：Module build failed (from ./node_modules/sass-loader/dist/cjs.js): SassError: This variable is available from multiple global modules. ╷ 1 │ @use "~/src/styles/mixins.scss" as *; @use
Eslint-plugin-vue 报警告问题解决
开发日常，随手笔记。
01-09 1万+
问题描述： [eslint-plugin-vue] [vue/valid-v-for] Custom elements in iteration require ' 提示警告！ 解决办法： 修改首选项的默认用户设置:如下图 设置将Eslint vetur 校验关闭 ...
7个提示在JavaScript中处理未定义
曹浩洋的专栏
09-06 5012
7 tips to handle undefined in JavaScript When I started to learn JavaScript about eight years ago, a bizarre situation for me was the existence of both undefined and null that represent empty v
记录：vue变量声明未使用报错修改
NoNamePeople的博客
09-26 685
记录：vue变量声明未使用报错修改 转载https://blog.csdn.net/qq_45284938/article/details/108104549 今天新建一个vue项目，引入了postJSON未使用却报错。 取消严格模式 删了之后重新run项目 如果还不行 根目录下新建vue.config.js module.exports = { lintOnSave: false } ...
vue-router vue路由中的问题（坑）
jiang7701037的博客
03-05 3万+
Error in render function: "TypeError: Cannot read property 'matched' of undefined"webpack4.0.1中 ，也存在以下问题（注意点）：1、VueRouter实例化时的参数，可以简写为routes，表示routes:routes。但是要注意的是，“routes:routes”表示属性名是routes，值是route...
Tensorflow由于版本问题出现的几种错误及解决办法
热门推荐
Tsingzao的博客
12-28 4万+
1、AttributeError: 'module' object has no attribute 'rnn_cell' S：将tf.nn.rnn_cell替换为tf.contrib.rnn 2、TypeError: Expected int32, got list containing Tensors of type '_Message' instead. S：由于tf.conca...
eslint - 代码规范性问题集锦
liuzhen007的专栏
07-01 1万+
Expected '===' and instead saw '=='. { "resource": "/g:/project/LLL/boom-meet-electron/main.js", "owner": "eslint", "code": { "value": "eqeqeq", "target": { "$mid": 1, "external": "https://eslint.org/docs/rules/eqeqeq", "path": "/..
element-plus组件使用
08-26
要使用element-plus组件，首先需要在项目的main.js文件中引入element-plus库，并注册到Vue应用中。可以使用以下代码实现： import { createApp } from 'vue' import ElementPlus from 'element-plus' import 'element-plus/dist/index.css' import App from './App.vue' import './registerServiceWorker' createApp(App).use(ElementPlus).mount('#app') 这段代码会将ElementPlus组件库引入，并注册到Vue实例中，使得我们可以在整个应用中使用ElementPlus的组件。 另外，有一个2.2.12版本的本地资源文件可以使用，适用于Vue 3编程。这个资源文件是element-plus-2.2.12，可以用于离线开发和内网使用。如果需要使用这个资源文件，请确保没有侵权问题，可以联系资源提供者删除。 在使用element-plus组件时，可以通过el-icon标签来单独使用图标组件。比如，可以使用以下代码来使用StarFilled和Message两个图标组件： <el-icon color="#ff007f" size="100px"><StarFilled /></el-icon> <el-icon color="#0000ff" size="100px"><Message /></el-icon> 以上是element-plus组件的基本使用方法。通过引入组件库并在Vue应用中注册，然后可以在需要的地方使用相应的组件。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [Element-Plus使用](https://blog.csdn.net/weixin_48221105/article/details/128432397)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *2* [element-plus-2.2.12 本地资源文件](https://download.csdn.net/download/u010867236/86270552)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *3* [element-plus组件库的使用](https://blog.csdn.net/YZL40514131/article/details/127723290)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值