element中的横线,element的tab，下划线不显示的问题

页面重新加载，tabs选中tab的下划线不显示，如图所示：

和点击后的效果，如下，是不一样的

computed: {

barStyle: {

get: function get() {

var _this = this;

var style = {};

var offset = 0;

var tabSize = 0;

var sizeName = ['top', 'bottom'].indexOf(this.rootTabs.tabPosition) !== -1 ? 'width' : 'height';

var sizeDir = sizeName === 'width' ? 'x' : 'y';

var firstUpperCase = function firstUpperCase(str) {

return str.toLowerCase().replace(/( |^)[a-z]/g, function (L) {

return L.toUpperCase();

});

};

this.tabs.every(function (tab, index) {

var $el = Object(util_["arrayFind"])(_this.$parent.$refs.tabs || [], function (t) {

return t.id.replace('tab-', '') === tab.paneName;

});

if (!$el) {

return false;

}

if (!tab.active) {

offset += $el['client' + firstUpperCase(sizeName)];

return true;

} else {

tabSize = $el['client' + firstUpperCase(sizeName)];

if (sizeName === 'width' && _this.tabs.length > 1) {

tabSize -= index === 0 || index === _this.tabs.length - 1 ? 20 : 40;

}

return false;

}

});

经过跟踪element tab的代码，发现这里tab对应的clientWidth 为0，如果是通过点击方式，clientWidth是有值的。请问一下，是什么原因导致的这个问题？

export default {

data () {

return {

activeName: 'changeInformation'

}

element中的横线,element的tab，下划线不显示的问题相关推荐

elementUi tabs刷新后，选中的tab下划线不显示
问题描述: 选中的tab页,刷新后,cilentWidth为0,下划线不显示.点击其他tab页后正常显示. //通过动态设置选中的tab宽度.tranform值使下划线选中resetTabActive ...
element tabs 的基础类型下划线不显示
tabs 的基础类型用在多层嵌套里面导致下划线不显示,排除出style的width为0没有赋值到: 解决方法是用v-if来重新加载.
怎么让WORD中多行（常带下划线）头和尾都完全对齐
『如何』让WORD中多行(常带下划线)头和尾都完全对齐 "为啥Word多行下划线后面总是长短不一,无论怎么调不是多了就是少了?怎样才能完美对齐呢?" 通过本文你可以如何对齐Wor ...
MySql的like语句中的通配符：百分号、下划线和escape
MySql的like语句中的通配符:百分号.下划线和escape %:表示任意个或多个字符.可匹配任意类型和长度的字符. Sql代码 select * from user where username ...
Windows系统中Word文档中文字后面的空格下的下划线不显示的解决办法
笔者最近在做课程设计,需要写Word文档,在写文档的时候遇到了一堆bug,现在课程设计肝完了,终于有时间梳理梳理这些bug然后发布出来做个备忘录. 第一个bug是Windows系统中Wor ...
Python中的方法名前加下划线
在Python中,方法名前加下划线通常有以下几种用法和约定: 单个前导下划线(_methodName):这是一种约定,用于指示该方法是类的内部使用方法,应该被视为私有方法.虽然在语法上并没有强制限制, ...
MATLAB中下划线的显示问题
在画图时,有时候x轴的某一类别包含下划线,比如"a_a", 但在显示的时候下划线是显示不出来的,这时候就需要在下划线前加一个转义符'\'. 通常可以这么处理: x = strrep ...
element-ui tabs标签嵌套使用时基础下划线不显示的问题
前几天写到 tabs标签嵌套使用的时候,嵌套的tabs 下划线无法显示,记录下解决办法在内层tabs 上添加v-if ="外层tabs的activeName",意思为当选中这个 ...
WPF Label或者其他控件（以Content显示内容的）单个下划线不显示的问题。
在项目中遇到,用户输入内容里面含有下划线,显示不正确的问题.一开始我想着用"@"符号转义,结果没有成功. 在网上搜了好久,大家的解决方法都是使用 Replace("_&q ...

element中的横线,element的tab，下划线不显示的问题

element中的横线,element的tab，下划线不显示的问题相关推荐

最新文章

热门文章