遇到一个很诡异的问题,我的代码中,使用了一个el-select,两个el-date-picker,时间选择器的时间范围会和下拉框选择的内容联动,这么一个功能,结果在本地跑的时候,没任何问题,一打包到线上,发现诡异的事情发生了——一点击下拉框,另外两个时间选择器的模态框就弹出来,然后上网搜,说给下拉框绑定visible-change时间,然后强制隐藏,试了没用。 问AI,说加上teleported,然后可能是label-width的问题,我也试了,加上了没用,调了label-width,给两个el-date-picker隔离开,上下间隔半个页面,也没用,该弹还是弹。
但是ai启发我了,我把el-select放到两个el-date-picker后面,神奇的事情发生了,只有第一个el-date-picker点一下,第二个el-date-picker的弹窗会闪烁一下,然后消失。我意识到可能是和下拉框类型的控件有关。
最后解决的方法是在第一个el-select前面复制一个el-select,然后设置为v-show="false",完美解决。