使用element-ui遇到的坑

已于 2024-02-19 14:49:57 修改
阅读量385 收藏 7
点赞数 8
文章标签： vue.js 前端 javascript
于 2023-11-27 11:05:33 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zn_firm/article/details/134640583
版权

1、dialog弹出框 

     问题：点击确定/取消，除了会触发本身的回调，还会触发@close（即右上角关闭图标）的回调

     解决方法：定义一个变量来标识点击的是【确定/取消】还是【右上角的关闭】，在@close的方法中去判断这两种情况，如果是【确定/取消】，则不执行代码，只有点击的是【右上角的关闭】才执行相应的代码

2、form中的resetFields()方法重置不了inputNumber的值，需要手动清除

zn_firm
关注
  • 8
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue+element_extendsDemo.zip
06-24
5. **路由与组件**：在 `vue-element-extendsDemo` 中，你将看到如何将 Element UI 组件与 Vue Router 结合使用，构建出具有导航和路由跳转功能的应用。 6. **状态管理**：如果项目中使用了 Vuex 进行状态管理，`...
Node.js+Express+Mysql+Vue+ElementUI 实现登录注册列表 增删改查 全栈开发一个自己的
03-29
备注：如果有同学完全按照此博客开发产品，可能会遇到坑，例如版本问题导致一些未知bug或者安装系统限制等等。在我开发过程中就遇到过很多小问题，不过只要坚持解决问题，这些问题都难不倒我。即使一开始遇到未知bug...
关于element-ui中遇到的一些小坑
baidu_41601048的博客
12-09 1256
1 级联选择器cascader 省市县三级菜单联动是项目中一个比较常见的功能。利用cascader也能轻松实现这个效果。但是这其中有个坑 cascader的change事件只能在选择最后一级以后才会响应最后选择的数据。真实的场景中。我们选择省的时候，需要得到省的id，选择市的时候需要得到市的id。显然直接通过change事件是无法做到的。 解决的办法有两个： 1 也是最符合真实场景的：动态加载： 所以我们修改代码如下： 这时我们在lazyload中就会发现console.l...
整理element UI的常见问题
lztry_的博客
09-02 1047
常见问题form 下面只有一个 input 时回车键刷新页面表格固定列最后一行显示不全气泡确认框文档里的confirm事件不生效输入框用正则限制但绑定值未更新去除type="number"输入框聚焦时的上下箭头只校验表单其中一个字段弹窗重新打开时表单上次的校验信息未清除表头与内容错位表单多级数据结构校验问题表格套input动态验证表格跨分页多选根据条件高亮行并去除默认hover颜色表单不想显示label但又想显示必填星号怎么办table 内嵌 input 调用 focus 方法无效表格内容超出省略el-tr
Element-ui踩坑小结
qq_38718629的博客
08-13 5403
Element-ui 实际开发中遇到的坑 1. DropDown组件使用时，子选项无法绑定事件的处理 问题描述：正常在vue+element-ui项目中，点击事件可以通过@click绑定成功（@click=‘fun’）；但是在elementUI --DropDown组件的子组件上绑定click事件时，用@click=‘fun’无法绑定成功 解决方案：使用DropDown组件绑定点击事件时，需要加 ...
element-ui——踩坑
奔跑的程序员
07-10 1336
1、在调用this.$refs[formName].validate()时，没有反应 排查：首先确保调用的方法已经执行了，其次打印 this.$refs[formName] 是否不为空，最后确保定义的 rules 无论如何都要返回callback函数 2、在使用 dialog 对话框时，会在对话框上面弹出一层遮罩层 解决方法：在el-dialog组件上添加属性 :modal-ap...
elementui使用大坑避雷
七七的博客
10-19 99
检查组件是否正常注册：确保您的组件已经成功注册且被正确引用。elementui样式不生效，icon不生效时。
elementUi遇到的坑
alpha_xu_vvvvv的博客
01-24 413
1.Message 消息提示 自动弹出 前提：我是按需引入组件的 问题：每一次程序进去就出弹出没有内容的消息弹窗 解决办法：就是按需引入的时候不需要在mainjs全局的引入与注册 哪个组件用到就在哪个组件引入就好了。 ...
vue+element ui后台遇到的坑
weixin_30311605的博客
11-21 206
今天在用elementui做后台系统，遇到第一个坑：分页显示的是英文 按照官网组件复制下来的代码： <el-row :gutter="0" style="margin:30px"> <el-col :span="10" :push="psize"> <el-pagination :current-page="pageIndex" :page-sizes...
详解使用element-ui table组件的筛选功能的一个小坑
10-17
总结来说，使用Element UI的`el-table`组件实现自定义模板和筛选功能时，需要注意以下几点： 1. `filter-method`应该基于原始数据进行判断，而不是自定义模板的渲染结果。 2. 确保`filter-method`中的逻辑与筛选...
浅谈vue中使用编辑器vue-quill-editor踩过的坑
10-15
在Vue项目中，使用`vue-quill-editor`作为富文本编辑器时，可能会遇到一系列问题。本文将探讨其中的关键挑战，以及如何通过引入Element UI组件和自定义处理方法来优化图片上传功能。 首先，`vue-quill-editor`默认...
详解关于vue-area-linkage走过的坑
12-02
最近写的项目是vue框架，搭配element-ui框架。这个框架上手快，而且页面的大部分样式都有现成的可以用，使用起来比较方便。前几天有一个需求是要写省市区联动选择，上网搜罗了一遍之后发现了vue-area-linkage这个...
vue elementUI踩坑问题
honey_seve7n的博客
06-20 222
element踩坑问题
element-ui使用时的一些坑点总结
yujin0213的博客
04-01 2140
1、el-select 下拉框绑定值为对象时选中值显示错乱。如下图，所有下拉选项都是选中状态而且不管怎么选，下拉框显示的值一直是最后一个选项 解决办法：加上value-key属性 官网也有介绍，当绑定值是对象类型是必填 代码如下，其中value-key属性的值为数据源数组元素中的唯一键。例如下面的id，如果其他字段的值也是唯一确定的，如reserve1，那么value-key的值也可以是res...
在Vue项目中应用elementUI踩过的坑
guxin_duyin的博客
08-27 1万+
最近自己鼓捣vue项目的时候想着应用elementUI玩玩，于是就开始动手玩起来了。 一、新建项目 1.打开cmd，运行：vue init webpack Vue-Demo 2.运行：cd Vue-Demo进入这一级 3.运行：npm install 4.运行：npm run dev 如果浏览器打开之后，没有加载出页面，说明本地的8080 端口被占用，需要修改一下配置文件 conf...
【API知识】ElementUI一些问题的解决方案
dieqiuxie4160的博客
12-22 361
前言 　　本人并不是前端开发人员，不过前端的界面和交互也没少写。以下整理一下我在使用elementUI过程中遇到的问题和对应的解决方案。 正文 1.表格字段过长省略 　　elmentUI的table-column有提供属性 show-overflow-tooltip 只要在对应的字段上设置为true，则文本超出部分就会用省略号替代，并且鼠标移至其上时，可查看完整信息。 2.如何...
element ui的优缺点
weixin_35756624的博客
12-20 1489
Element UI 是一款基于 Vue.js 的开源 UI 组件库，它提供了丰富的 UI 组件和主题样式，帮助用户快速开发基于 Vue.js 的 Web 应用。 优点： 功能丰富：Element UI 提供了各种常用的 UI 组件，如表单、导航、表格、按钮、布局等，能够满足大多数 Web 应用的开发需求。 主题样式丰富：Element UI 提供了多种主题样式，用户可以快速选择合适的主题样式，...
elementUI使用中遇到的坑
热门推荐
ganle的博客
05-15 1万+
1、通过el-upload获取到的文件file是封装后的，其中与普通input type=file 中获取到的文件是elementUI中的file.raw;如果在读取文件时直接使用elementUI的file会报错：Failed to execute 'readAsBinaryString' on 'FileReader': parameter 1 is not of ‘Blob’...
详解Vue中nextTick的原理与作用
最新发布
fengjing81的专栏
07-24 952
Vue中的nextTick是一个非常重要的API，它允许开发者延迟回调函数的执行直到下次DOM更新循环之后。这一机制在Vue开发中非常有用，特别是在处理DOM更新和异步操作时。下面将详细解释nextTick的原理与作用。
使用element-ui
04-16
3. 使用Element-UI组件：在Vue组件中可以直接使用Element-UI提供的各种组件，例如按钮、表单、弹窗等。示例代码如下： ```html <el-button type="primary">主要按钮</el-button> <el-input v-model="input...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值