element 组件库，控件错乱，都跑到左上角

最新推荐文章于 2022-12-07 22:33:42 发布
最新推荐文章于 2022-12-07 22:33:42 发布
阅读量1k 收藏
点赞数
分类专栏： 前端 文章标签： javascript elementui vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36150316/article/details/119037418
版权

不知道你们有没有遇到这种情况，表格操作，明明是在右边的下拉选择，缺跑到左上角了

明明是在右边抽屉的时间控件，位置错乱跑到左上角了（如下图）
在这里插入图片描述
一般这种情况都存在会切换的情况。

比如表格列表操作有有各种判断控制某些操作展示与否，比如图中的单月和多月切换时间控件。

这个时候只需要在对应切换的地方加上 key 就好啦，比方说图中的问题，在对应的两个时间控件加入 key 就 ok
在这里插入图片描述

超级无敌小湾娘
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
基于element组件库封装的动态表单组件
07-15
支持vue3的动态表单组件 // main,js // 引入 vue-ele-form import EleForm from './velFrom' // 挂载 use(EleForm)
VUE和AXios使用的JS文件及Element组件库
08-10
Element的组件库 导入使用： <script src="js/vue.js"></script> <script src="element-ui/lib/index.js"> <script src="js/axios-0.18.0.js"></script> <link rel="stylesheet" href="element-ui/lib/theme-chalk/...
ElEmentUI选择器弹出框定位错乱问题解决(弹出框出现在左上角)
kodmoqn的博客
05-09 2534
ElEmentUI选择器弹出框定位错乱问题解决(弹出框出现在左上角)
easyui 下拉框选中时，选项框列表移动到左上角
culous的博客
09-07 650
//当下拉框展示出来供用户选择时， //若在onselect事件中针对当前datagrid进行loaddata重载数据时， //需先设置面板隐藏再重载数据； onSelect:function(newVal){ $('#service_standard_common').datagrid( 'getEditor', {index:editIndex, fie...
记elementUI的popover出现在页面左上角
weixin_47284124的博客
11-04 1872
导入文件，文件导入后跟后端要上传失败的条数，封装了一个组件，只要有数字大于0，elpopover立马出现，但是向后端发起请求在导入成功十秒后，在这十秒内切换界面，请求完成后再回来当前页面就发现了popover跑左上角了。一开始想在页面deactivated中获取elpopover然后display设置为none的，但是离开页面的时候元素都没加载出来，根本没法获取到。猜测应该是el-popover在切换界面的时候找不到定位了。出现情况：出现在了页面左上方。目标：出现在目标元素左侧。
v-show失效&&element时间选择器弹框位置
littleOneYuan的博客
08-02 453
文章目录问题原因分析解决补充 问题 两个都用v-if控制显示隐藏，时间选择器弹框位置在左上角 用v-show控制，时间选择器弹框位置正确，但第二个v-show失效 原因分析 v-show不能对多个元素生效！？ 全部使用v-if，一开始第二个的dom没有渲染，所以选择器弹框找不到定位点，于是相对浏览器窗口定位 v-if：根据表达式的值的 truthiness 来有条件地渲染元素。在切换时元素及它的数据绑定 / 组件被销毁并重建。 v-show：根据表达式之真假值，切换元素的 displ
解决element中动态切换时间日期选择器时下拉框偏移到左上角的问题
NICKDL的博客
09-15 801
正常第一次点击没有问题 点击切换按钮后，直接偏到姥姥家去了~ 解决办法是只需在组件中加个Key="xxx"即可 记录一下这个坑！
关于Element Popconfirm 气泡确认框问题
weixin_43169949的博客
09-30 1616
最近在用到elementUi（版本2.13.2）中的Popconfirm气泡确认框，在官方文点击确认按钮的回调事件中使用onConfirm事件，但是一直未执行到此方法 经过查阅源码，得知如下： 后来改用 <el-popconfirm title="确定移除吗？" @confirm='confirm()'> <el-button slot="reference" >移除</el-button
el-popover 初始弹出位置不准确，及el-popover
Andy_17的博客
05-23 3296
问题描述 使用el-popover 弹窗框，弹出提示，初始化提示位置不正确 <el-popover ref="popperHeart" placement="bottom" width="720" trigger="click"> <div class="help-tips"> <di
点击li,ul滚动条自动滚动到顶部，怎么解决分享。el-tooltip的focusing不要display：none,隐藏就行
我爱美女S的博客
12-07 1876
点击li,ul滚动条自动滚动到顶部，怎么解决分享。el-tooltip的focusing不要display：none,隐藏就行
element-ui时间选择器弹窗错位问题
whicce的博客
02-18 2112
问题描述 在vue项目中使用element-ui的多个时间选择器，通过其他变量实现多个时间选择器渲染，第一次选择时间没有问题，切换渲染之后所有下拉选项框全都出现在左上角，通过控制台查看样式属性发生变化，发生变化的原因未知（ps：这里描述的很清楚就不上图了，不明白的可以留言）。 解决办法 查找整理三个解决办法，如有其他方法欢迎补充。 1 强制修改样式 找到弹窗的样式类，通过!important强制修改弹窗的位置样式。（这种方法是我查到的，没有试过，觉得这样修改不太优雅，也不推荐） 2 修改v-if为v-sho
基于Vue和Element UI的聊天室组件库设计源码
最新发布
04-12
本项目基于Vue和Element UI开发，包含336个文件，包括GIF动画、JavaScript脚本、PNG图片、Vue...系统实现了基于Vue和Element UI的聊天室组件库，界面模仿了TIM及微信。在提供基础封装的同时，最大程度的增加扩展性。
最新版ElementUI-web-Axure组件库
03-12
最新版ElementUI web版 Axure组件库，用Axure9.0创建，带丰富的交互 包含图标、页面模版、统计图、案例、元件库 将文件解压，击+组件处的加号，选择里面的文件导入就能用了
axure的Element组件库.zip
09-22
Axure 的 Element 组件库 Element_Components_v2.1.0.rplib
npm run serve 后突然报错：Error loading vue.config.js ？？？ catch {} 有问题？？？
热门推荐
湾湾叉会儿腰的博客
09-30 1万+
年少无知，瞎弄时候，用公司的代码弄，把环境搞崩溃了 = = 我看网上都是这些： 删除 node_modules 文件，npm install 删除 node_modules 文件和 package-lock.json，清楚 npm 缓存，再加载依赖 以上方法都试过了，不行 然后我就删除项目，重新 clone 下来，一顿操作猛如虎还是不行 = = 然后我麻烦了同事帮我打包这个项目，我解压之后，运行项目还是不行 = = 最后请教大佬，发现我的 node 版本太低了！！！！ 我giao !!! 卸载 no
JavaScript 出现 NaN 的情况大总结
湾湾叉会儿腰的博客
12-20 1万+
JavaScript 出现 NaN 的情况大总结 每次看这个运算真的头大，为啥这个 NaN 啊简直让人恼火，这次就简单暴力做个大总结吧 注意事项： NaN（NOT A NUMBER） 是 JavaScript 的保留词，指不合法的数 运用 NaN 进行运算，最后得出也是 NaN 可以使用 isNaN()来判断是否某个值是否为数 // 判断是否为 NaN console.log(isNaN("a...
unexpected identifier 报错到底是为什么？看了猛汉落泪
湾湾叉会儿腰的博客
04-09 9778
不用找了，就是你的 JS 代码格式错误了 = = 检查符号是否格式错误，漏了 检查单词是否拼写错误了 唉，一开始的我找了好久好久，还想着是版本不兼容问题= =窒息了。最后原来是少了一个逗号，老铁们看清楚，别被自己坑了 ...
JavaScript 数字与字符串的加减乘除运算
湾湾叉会儿腰的博客
12-19 7779
JavaScript 数字与字符串的加减乘除运 老几次做题懵逼，遇到一大串运算句开始晕哪个打哪个，这次就一次性看透= =，免得再有下一次。 JavaScript 数字 number： 数值始终是 64 位浮点数，整数最大 15位，小数最大 17 位 JavaScript 字符串是引号中的零个或多个字符： 可使用单引号 | 双引号 注意： 在所有数字运算中， JavaScript 会将字...
element组件库 rp8
01-22
element组件库 rp8 是一款流行的前端UI组件库，它基于Vue.js开发而成，并且具有丰富的可定制化和易用性。 首先，element组件库 rp8 提供了一系列常用的UI组件，包括按钮、表单、弹窗、菜单、表格等等，可以满足日常开发中的各种需求。这些组件具有现代简洁的设计风格，使得用户界面更加美观、易于理解。 其次，element组件库 rp8 提供了丰富的交互功能，例如表单验证、数据表格的排序和筛选、弹窗的自定义动画效果等，可以帮助开发者轻松实现复杂的交互需求。 此外，element组件库 rp8 还支持自定义主题，开发者可以根据项目需求自由定制组件样式，使得界面风格与项目风格保持一致。 element组件库 rp8 还具有良好的文档和示例代码，方便开发者快速学习和使用。文档提供了详细的组件说明和用法示例，帮助开发者快速掌握组件的使用方法。 总之，element组件库 rp8 是一款功能强大、易于使用的前端UI组件库，可以大大提升开发效率和用户体验。无论是个人开发项目还是企业级应用，都可以考虑使用element组件库 rp8 来快速构建优秀的前端界面。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值