el-tab

axios封装取消请求的方式

问题:项目中涉及tab切换页,tab1和tab2列表数据字段相同,所以一般使用el-tabs组件;el-tabs中的每一项el-tab是通过v-for遍历产生的,所有的每一项el-tab中的table表格数据使用的是一个
和科比合砍81分·2024-02-08 12:28

如何解决ElementUI中的el-tab-pane组件使用v-show不生效的问题？

最近开发项目时，在el-tab-pane标签上使用v-show，即使v-show的值为false，el-tab的标签仍然展示。
前端玖耀里·2024-01-19 01:26

Vue 修改 Element-UI 组件的原生样式

最近，我在使用el-tabs组件嵌套el-table时，又遇到了这种问题，具体表现为：我在子标签页（el-tab）中插入表格（eltable）后，页面表格的宽度显示异常。
Hemist·2024-01-14 02:17

el-tab 滚动条滚动到指定位置

setTimeout(()=>{nextTick(()=>{letdom=document.querySelector(".el-tabs__nav-scroll");dom.scrollLeft=800});},100);
查查茶茶丸·2023-12-26 19:40

el-tab切换tab时无法正常切换

使用el-tab从“审批申请”跳转到“社群类型”时，无法正常切换切换时路由等都正常切换，但页面并未切换页面“审批申请”多一层路由“社长管理”少一层路由解决方法将路由设置成相同数量的层级不在多写一层
蓝蓝红同学·2023-12-25 01:16

ElementUI中的el-tab-pane组件使用v-show不生效的问题

现象：在el-tab-pane标签上使用v-show，即使v-show的值为false，el-tab的标签仍然展示。
程序猿小野·2023-12-22 17:35

2020-02-27 接口库页面继续优化

由于使用的是el-tab
发而皆中节·2023-12-16 00:55

【elementUI】el-tab相关问题

Tabs标签页分隔内容上有关联但属于不同类别的数据集合。用户管理配置管理角色管理定时任务补偿exportdefault{data(){return{activeName:'second'};},methods:{handleClick(tab,event){console.log(tab,event);}}};1.tab栏有abc，点击b，保持a高亮tabTypeBeforeLeave(val,o
SZnA1·2023-12-02 18:01

Vue Element组件动态el-tab嵌套form表单验证

想找动态增减tab页的表单动态验证示例，网上的文章基本上都是固定多tab页的验证，el-form-item的prop书写格式也极为麻烦，按搜到的文章教程敲了半天，一直报错prop路径不对。最后索性直接在外层套一个div用if来控制dom中只显示当前选择的tab页，这样el-from-item中就不用:prop外加一大串的复杂路径拼接，还是用prop就能确定验证的字段路径了。Runexportdef
梭命·2023-11-29 02:58

element-ui el-table 表格疯狂抖动

flexbox子元素设置了overflow:auto导致的浏览器bug解决办法检查布局中的：overflow:auto，避免flexbox子元素设置这个属性.给.el-tab
张张张96·2023-11-15 01:11

vue 多个el-tabs切换时表格加载慢

近日前端遇到一些问题，客户提出问题：当出现多个el-tab时，里面的el-table加载总是会实实在在的看到表格宽度的变化，让用户体验不是很好。
战战的坚果·2023-11-14 07:27

修改element表格el-table展开expand的图标

el-table__expand-icon{-webkit-transform:rotate(0deg);transform:rotate(0deg);}/*2.展开按钮未点击的样式是加号带边框*//deep/.el-tab
不忘初心L·2023-11-09 09:42

element-plus：el-table展开图标替换

important}此方法适用于el-tab
我是 · 闪电·2023-11-09 09:07

element-ui中的el-tab和el-table样式冲突导致table高度缩小

tab切换时table出现高度、宽度缩小的问题今天我在使用element-ui中的el-tabs组件进行切换时，el-table会出现一个默认高度，导致table最下方多出一行空白行，查了一下，应该是el-tab
乱八七糟的学习·2023-10-25 15:33

解决el-table 树形结构expand 操作后 stripe 显示失效问题

如下图：在ElementUI文档看了el-tab
小智大愚·2023-10-25 15:56

element-ui el-tabs响应式数据不起作用

项目有时不得不升级element-ui，本以为升级很简单，然而发现升级后会存在一些问题1.element-ui从4.2版本左右升级到7.11版本导致el-tabs标签页组件响应式的数据，不再响应有时我们需要在el-tab
柠檬家的芒果果·2023-10-12 08:59

修改el-tab标签页的label默认样式（插槽）

目录需求：修改方式：原始代码：修改代码：具体步骤：需求：修改el-tab标签页的label默认样式（如图所示，该label标签的字体较小，以至于在页面上不太明显，我想修改他的样式）图示：修改前修改后修改方式
turbo夏日漱石·2023-10-08 14:05

vue2+echarts渲染实时数据图像 通过el-tab切换

之前：需要更改成类似这样：解决思路首先实时动态数据曲线和收益率的选择通过el-tab实现，可
要努力的一颗蛋糕·2023-09-30 02:34

vue在el-tab中使用echart（出现canvas高宽一直是100px问题+echart随外层div变化而自适应）

问题1:canvas高宽一直是100px问题解决方法：使用v-if，参考文献https://blog.csdn.net/qq_42527726/article/details/106147539?utm_medium=distribute.pc_relevant.none-task-blog-2~default~baidujs_utm_term~default-0-106147539-blog-1
Rrar·2023-09-24 05:20

el-tab 内嵌echarts图表设置宽度100%结果为100px的解决办法

原因分析主要原因：图表设置了display:none属性上（属性含义：不为被隐藏的对象保留其物理空间，关闭元素的显示，并且所有后代元素不显示解决方法：外部div盒子必须要在init初始化前就已经存在于dom树中（也就是已经挂载）。在监视中（watch），要配合nextTick方法使用，这样才能完全确保初始化之前，外部盒子已经存在于dom树中。示例代码：{{props.cardHeader}}imp
造火箭·2023-09-24 02:10

vue el-tab 中使用el-table 出现闪烁的问题

vueel-tab中使用el-table出现闪烁的问题一、vue中使用el-tabs时，切换列表容易出现抖动问题，在el-table上加上if判断即可
果东布丁·2023-09-16 20:37

element-ui el-table 滚动到底部，进行加载下一页

方法如下直接复制完事了，loadTableMore:{bind(el,binding){//获取当前滚动的节点，注意必须要有高度constselectWrap=el.querySelector('.el-tab
_YkRonin·2023-09-16 17:32

vue2在css中使用js变量

下图是el-tab组件，由上面的tab头和下面的内容区构成，当内容区过长的时候，外层固定高度的盒子会出现滚动条（设置了overflow:auto;），tab头部会向上滚动而消失：滚动前：滚动后：现在的需求是
coder__wang·2023-09-09 01:33

通过el-tab切换Echarts图表显示不全问题

一、背景在让日常开发中很多时候会通过el-tab选项卡方式去分类统计数据，本文我们主要是针对统计中用到了echarts图表，在刚接触时可能会遇到默认选项卡可以正常显示图表数据，但是切换选项卡以后会出现图表大小出现问题
m0_38004177·2023-09-02 09:16

elementui Tabs组件 修改样式 自定义样式 去掉底部横线等

activeName:'1'}},}.asset-detail-tabs{min-height:400px;margin:20px0px;background-color:#fff;//修改tab-item样式>>>.el-tab
O3ohn·2023-08-17 18:17

(vue)获取对象的键遍历，同时循环el-tab页展示key及内容

(vue)获取对象的键遍历，同时循环el-tab页展示key及内容效果：数据结构："statusData":{"订购广度":[{"id":11,"ztName":"广",...},{"id":12,"ztName
nyf_unknown·2023-08-09 14:15

vue3 elementplus问题集合（实时更新）

问题目录1.更改element样式2.更改element里的label等标签内容首先vue3中使用的是v-slot，使用方法如下：其次，在el-tab里面假上：before-leave，这个在切换tab
ArmadaDK·2023-06-22 00:02

【vue】使用el-button实现点击按钮 按钮是选中状态列表内容进行切换

vue不使用el-tab而是使用el-button实现点击按钮按钮是选中状态列表内容进行切换例子如下：注意第一个el-button有id意即这个button是默认选中的全部文档公开文档站端可看文档网省可看文档
loyd3·2023-06-12 22:34

vue实现el-menu和el-tab联动的示例代码

vue通过el-menus和el-tabs联动，实现点击侧边栏，页面内显示一行tab以及点击tab切换路由实现效果如下实现思路左侧边栏添加点击事件/设置el-menu的路由模式，然后监听路由的变化，拿到的路由去改变el-tabs绑定的属性，然后改变el-tab-pane循环的数组，然后设置el-tabs的点击/删除事件，最终实现联动首先使用vuex定义公共状态openTab以及activeInde
·2023-04-13 18:09

【Vue】基于$attrs和$listeners封装高级组件

zl-table)实际封装中遇到一个巨坑问题是：el-table有那么多v-on和v-bind，之前的处理方案是，在zl-table中用props和$emit转接到el-table上，平白增加很多工作量，而且如果el-tab
我的名字违规了·2023-03-12 04:34

elementui el-tab页面切换如何自动刷新当前页面？

问题描述：当tab页面第一次切换时会自动刷新页面，但当第二次再切换到该页面是不自动刷新，如何让每次切换都刷新问题。解决方法：去掉keep-alive。子组件修改监听事件。keep-alive：主要用于保留组件状态或避免重新渲染。父组件原代码（无法实现切换自动刷新）：1、父组件修改后代码：去掉了keep-alive。2、子组件也就是child使用watch来监听el-tabs中是哪个tab被点击，使
摸鱼的图图·2022-08-21 10:10

Element框架el-tab点击标签页时再渲染问题的解决

之前一直以为这种标签页加载时要么同时渲染，加载所有页面；要么通过el-tab的@tab-click事件，通过判断tab.name选择加载。
·2022-04-15 10:03

Vue Element组件动态el-tab嵌套form表单验证

想找动态增减tab页的表单动态验证示例，网上的文章基本上都是固定多tab页的验证，el-form-item的prop书写格式也极为麻烦，按搜到的文章教程敲了半天，一直报错prop路径不对。最后索性直接在外层套一个div用if来控制dom中只显示当前选择的tab页，这样el-from-item中就不用:prop外加一大串的复杂路径拼接，还是用prop就能确定验证的字段路径了。Runexportdef
梭命·2022-02-20 06:29

echarts的自适应问题（窗口自适应，侧边栏自适应，el-tab中的自适应）

一、echart的图表提供了一个resize函数，当resize函数被触发时，图表会进行重绘。二、常用的浏览器，窗口自适应。(1)将放置图表的容器div的宽设置为100%，不固定写死，height可以根据需求设置为vh或者px都行。(2)对浏览器窗口大小进行监听window.addEventListener('resize',function(){this.mychart.resize()//当浏
·2021-08-27 12:04

Element-UI使用篇——el-tab的使用+样式修改集锦

el-tab是tab切换页面一、功能篇1.1、手动切换tab使用场景：tab1中点按钮，自动切换到tab2中实现：searchBtnHandle(){this.activeName="tab2的name
webxEJIr·2020-12-16 18:04

Element-UI使用篇——el-tab的使用+样式修改集锦

el-tab是tab切换页面一、功能篇1.1、手动切换tab使用场景：tab1中点按钮，自动切换到tab2中实现：searchBtnHandle(){this.activeName="tab2的name
webxEJIr·2020-12-11 21:56

V-cli结合element ui实现右键自定义菜单

标签栏过多可以通过鼠标右键展开菜单栏进行全部关闭或者关闭其他等操作，最近重写这个需求时发现elementui的el-tab组件做标签栏很方便，于是就替换了原来自定义的标签栏，但是也遇到了不少问题，这里做一下总结
前端小黑·2020-11-18 11:15

2020/09/13 elementui中tabs选项卡点击时触发事件

问题描述：elementui中tabs选项卡组件，点击不同的选项卡时触发的事件使用官网中组件自带的方法在el-tab上绑定事件，注意，是el-tab上，不是el-tab-pane上绑定在js中，fn1中传参
十月要好好加油呀·2020-09-14 00:25

Element-UI使用篇——el-tab的使用+样式修改集锦

目录一、功能篇1.1、手动切换tab二、样式篇2.1、修改tab项的样式（包括头与内容）2.2修改tab页面内容2.3修改tab表头2.4修改激活表头样式2.5修改鼠标移动到表头时候的样式el-tab是
小湾生产队队长·2020-08-14 23:56

关于element-ui 中 table 鼠标悬停时高亮背景颜色的修改，添加fixed后颜色又出现问题

body-wrappertbodytr:hover>td{background-color:#颜色}就可以了如果添加了fixed上面设置的鼠标悬浮颜色可能一部分无效了原因是：我们先看一下elements的设置前后结构变化对比;主要看el-tab
zeng092210·2020-08-11 01:37

Element 自定义标签页(el-tab) 下的添加 el-badge 视图不渲染

证件类预警报警产废存储运输处置效果图：要想使el-badge的数据实时变化：this.pointData=res.datathis.$children[0].$children[0].$forceUpdate();使用this.$children[0].$children[0].$forceUpdate();原理：通过找到el-badge父组件的dom节点使用$forceUpdate()方法即能更
thinkingw770s·2020-08-09 12:31

element-ui 使用 el-tab-pane 浏览器卡死，el-tab，el-tab-pane版本不兼容

问题描述：由于需要使用element-ui的新组件，于是将其升级到最新版本(2.13.2)，然后启动项目。进入页面直接卡死或一段时间后浏览器直接崩溃首先我也是上百度各种搜索，有的说设置一个高度和宽度，有的说将vue升级到最新版本，有的说重新引用一个外部组件。这些方法我都用过了，但是依然没能解决现有的问题。解决方案出现该问题的原因主要是版本不兼容的问题升级vue版本即可解决该问题，但是不能升级到最新
在下不才-程序员·2020-07-16 05:12

element UI中的tab切换栏

html代码：（用的是el-tab组件）1234methods:1//tab切换时,动态的切换路由2tabClick(tab){3this.
weixin_30633507·2020-07-05 21:48

vue store获取值时 Computed property "activeTag" was assigned to but it has no setter.

出现原因：element-ui中el-tab绑定的值在切换tab时会自动修改而activeTag是从store中获取的值，不能直接修改要添加给它绑定上set报错情况computed:{...mapState
Mr_R·2019-05-10 11:00
上一页 1 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他