今天测试突然提到当系统切换语言的时候,如果页面刚好在有横向滚动条的页面时。滚动条会消失,但是切换页面或者刷新当前页面滚动条就会出现。
百思不得其解,看dom也看出来个所以然。随即上网搜索大神们的解决办法。基本上都是给el-table的横向滚动条设置:overflow: auto。但是我这边不生效。就在我被这个问题恶心的时候,突然想到是不是因为宽度设置100%,切换的时候宽度没有变化没反应过来。随即我想到中英文切换的判断值存放在vuex当中。用这个值来设置宽度,两个宽度有一个极小的变化。表格就会反应过来显示滚动条。
随即设置了表格的宽度样式,发现现在切换中英文x轴滚动条就不会消失了。同理如果不是切换语言引起的滚动条消失,而是一进入页面就没有滚动条,切换页面或者刷新页面才会出现时。进入页面时,稍微迟一会儿重新设置差异较小宽度。让表格反应应该显示滚动条。虽然这个办法很笨,但是省的去花大把时间找原因