el-select组件无法点击问题记录，急需前端大佬！-CSDN博客

本文链接：https://blog.csdn.net/wzongheng/article/details/149044298

这个问题有点魔性，虽然没找到具体的问题原因但是找到了解决方案，如果有前端大佬可以帮忙分析下问题原因。

该颜色选择框为单选，在此结构里无法点击，但是右侧尺码选择框为多选配置，在相同界面结构内可以点击。

原界面排布如下

<form>
        <el-row> 
                <el-col>
                        左侧基本信息区
                </el-col>
                <el-col>
                        右侧颜色尺码区
                        <el-col>
                                颜色下拉框
                        </el-col>
                        <el-col>
                                尺码下拉框        
                        </el-col>
                        <el-col>
                                删除按钮   
                        </el-col>
                        <el-row>
                            其他
                        <el-row>
                </el-col>
        </el-row>
</from>

修改后布局如下

<form>
        <el-row> 
                <el-col>
                        左侧基本信息区
                </el-col>
                <el-col>
                        右侧颜色尺码区
                        <el-row>
                            <el-col>
                                颜色下拉框
                            </el-col>
                            <el-col>
                                尺码下拉框        
                            </el-col>
                            <el-col>
                                删除按钮   
                            </el-col>
                        </el-row>                      
                        <el-row>
                            其他
                        </el-row>
                </el-col>
        </el-row>
</from>

可以看见界面仅是对颜色尺码以及删除按钮外侧嵌套了一层<el-row>行布局，问题就完美解决了。那么问题的原因应该是栅栏布局导致无法点击，但是为什么修改前布局内<el-select>添加multiple多选属性后功能也是正常的，去除变成单选后就无法点击了呢？如果有知道原因的大佬麻烦解答一下，感谢。