vue中使用el-dialog里面使用的el-select选中无法显示值问题

Posted 2023-05-03

参考技术A     场景一问题描述：页面中有个el- dialog，里面有三个el- select，前两个是联动的，第一次打开el- dialog操作选中是没有问题的，第二次会出现第二个和第三个选中之后先不显示值，过一会才显示，或者是输入其他input的时候就会立即显示

之前查阅资料有的人遇到的问题是定义v-model时用的是对象，但是里面却没有明确定义；我的这个是有明确定义的，所以这个方法不适用

后来查阅资料，参考：https://blog.csdn.net/weixin_44387725/article/details/118492606

说是层级太深会有渲染问题；所以绑定了change事件强制更新；

但是好奇怪，同样的层级申请科室就没有问题，后面两个有问题；同样的场景别的页面又是有各别会有问题

vue中对el-dialog宽度调整方法之一二

参考技术A vue时，会用到el-dialog做为弹窗，但这个弹窗的宽度默认为50%.因项目中需要调整弹偿的宽度，需要设置其属性。
尝试过程如下：

经调整后，方法3成功。
至于方法1，方法2为什么不起作用，前端的兄弟说，样式可能被覆盖，但我暂时没找到覆盖的地方。不过成功就好！