Element使用常见错误

最新推荐文章于 2022-09-20 11:14:29 发布
最新推荐文章于 2022-09-20 11:14:29 发布
阅读量1.5k 收藏 1
点赞数
分类专栏： bug 文章标签： vue vue.js elementui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_56769991/article/details/119151558
版权

项目场景：

使用element，需要导入文件

  • element-ui/lib/theme-chalk/index.css
  • element-ui/lib/index.js
  • vue.js

问题描述：

如图，导入三种文件
在这里插入图片描述
但是编写的html在浏览器运行后报错，如图
在这里插入图片描述

出现这么多bug的原因主要在第一个红线圈住的地方

原因分析：

引入文件时element相关文件时，因为element组件是基于Vue实现的，所以Vue相关文件必须在element相关文件之前引入

解决方案：

如图按一定顺序引入文件即可
在这里插入图片描述

sword to coding
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Android Rreact Native 常见错误总结
08-30
Android React Native 常见错误总结 Android React Native 是一个跨平台的移动应用开发框架，它允许开发者使用 JavaScript 和 React 库来构建原生 Android 和 iOS 应用程序。然而，在开发过程中，开发者可能会遇到...
javascript常见错误
04-20
### JavaScript常见错误详解 #### 一、`for..in` 数组迭代的用法 **问题描述**： 在JavaScript中，使用 `for..in` 循环遍历数组是一种常见的做法，但这种方式存在一定的问题。例如，下面的代码示例展示了这种用法...
西部数据WD移动硬盘在电脑上不显示盘符解决办法
热门推荐
BestQiang的博客
04-21 7万+
昨天买的1t的移动硬盘今天到了，但是插在电脑上没有盘符，但是下面的u盘标志显示已识别到，上网查了好多资料，全是废话，最后还是自己解决了，打开windows的磁盘管理（如何打开自行百度吧！） 找到 My Passport ，然后右键，为它指定盘符即可，我为它指定了H盘，一切正常啦！ ...
西部数据WD系列硬盘介绍.pdf
10-25
西部数据WD系列硬盘介绍.pdf
centos 7 不能读移动硬盘WD Elements SE
qq_40378795的博客
11-06 2098
因为centos7中缺少ntfs文件系统，运行如下命令进行安装即可： wget -O /etc/yum.repos.d/epel.repo http://mirrors.aliyun.com/repo/epel-7.repo yum update sudo yum install ntfs-3g 注：运行时间比较长，耐心等待。
vue element 导入出错 弹窗提示
weixin_42652622的博客
12-20 1139
js代码 successF(response,file,fileList) { if(response.code==="success") { this.$message.success("导入成功"); this.getList(); }else{ this.getList(); this.errorLists=response.data; if(thi...
读取excel文件错误
ningyanggege的博客
06-28 2151
sheet_data=xlrd.open_workbook(full_path)提示错误如下所示：xlrd.biffh.XLRDError: Unsupported format, or corrupt file: Expected BOF record; found b'\xca\xb1\xbc\xe4\t\xb3\xc9\xbd修改代码如下：sheet_data=pd.read_csv(ful...
弹出框一点elements就消失，如何查看弹出框的elements状态--CTRL+SHIFT+C
dancria的博客
04-27 496
弹出框一点elements就消失，如何查看弹出框的elements状态--CTRL+SHIFT+C
abaqus常见错误1
08-08
本文将简要介绍一些常见的错误及其处理方法。 首先，"Detected lock file Job-1.lck"是一个典型的错误，表示Abaqus在运行过程中检测到了一个锁定文件，这可能是由于程序在异常情况下中断，或者同一时间有其他应用...
ansys常见错误.doc
12-24
Area Fillet Error 是 ANSYS 中的一个常见错误，这是由于在使用 Area Fillet 对两空间曲面进行倒角时，出现了错误。解决方案是先对线进行倒角，然后由倒角后的线形成倒角的面。 四、Equation Solver Pivot Terms ...
蜜蜂El编辑器v4.3.8_蜜蜂El编辑器v4.3.8_ElementsEditor_
09-30
说明： 完美游戏全版本通用EL编辑工具，诛仙、完美、武林、口袋蜜蜂El编辑器v4.3.8
element——弹窗
weixin_41897680的博客
12-14 7964
本来以为弹窗挺简单的，结果自己想多了。这几天的使用碰到了好多问题。 在组件中使用弹窗 <div id="app"> <el-button type="primary" @click="open=true">打开弹窗</el-button> <test :visible.sync="open" :table="tableData"></test> </div> <script type="text/javascript">
【踩坑】mirai登陆失败反复验证码或提示登录存在安全风险或提示版本过低的解决方法
xfxuezhang.cn
09-20 3万+
最有效的成功登录mirai方法
Element弹窗中弹出弹窗
qq_33475629的博客
04-24 1706
饿了么组件弹窗中，再次弹出弹窗，子弹窗和父弹窗都会被遮罩层遮盖，并且子弹窗中所有下拉框的层级都被遮盖。 解决办法：子弹窗中添加 :append-to-body="true"
kettle中与jsoup结合解析html页面
weixin_44047573的博客
04-10 679
生成记录 Http Rest Java代码 特别注意：Element在这里用不了，报错，必须用Elements import org.jsoup.Connection; import org.jsoup.Jsoup; import org.jsoup.nodes.Document; import org.jsoup.nodes.Element; import org.jsoup.select.Elements; import java.io.IOException; public boolea..
element input有时不能编辑
出来和你看月亮
02-13 336
得到数据的时候,使用…赋值的时候,可能会造成不能编辑,使用Object.key.forEach 可以解决
element 常见问题及解决办法
aibujin的博客
03-10 1651
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录前言一、el-date-picker 限制过去日期无法选择？1. Html2. js 前言 提示：这里可以添加本文要记录的大概内容： 例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。 一、el-date-picker 限制过去日期无法选择？ 1. Html 代码如下（示例）： <el-date-picker v-model="time" type=
etree解析xml_【S01E01】lxml.html、lxml.etree和Xpath
weixin_34416354的博客
01-08 584
第一部分 lxml.html和XPath I. 解析HTML II. XPath语法 第二部分 lxml.etree和XPath I. _Element对象和HtmlElement对象 II. Xpath语法 III. 查找节点 （1）所有节点 （2）子节点 （3）父节点 （4）属性匹配 IV. 获取信息 （1）获取文本...
2621. Friends or Not
乌药ice
12-04 246
Polycarpus has a hobby − he develops an unusual social network. His work is almost completed, and there is only one more module to implement − the module which determines friends. Oh yes, in this soci...
element ui常见报错
最新发布
10-08
常见的element ui报错包括以下几种情况: 1. 版本不兼容：升级element ui时未删除旧版本的依赖导致报错。 2. 控制台报错：在某些element ui版本中，el-date-picker组件的源码加入了控制台报错。 3. CSS选择器语法错误...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值