怎么不触发el-select的关闭面板?-灵析社区

只想躺平

export default { data() { return { serviceName: null, serviceList: [ { service_alias: 1, service_name: 2 } ] }; } }; ![](https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241125/8c3f839bad982e16e660a4d056858885.png) 怎么让点击这里的不会把这个el-select的弹出框给关闭?现在是会关闭

阅读量:11

点赞量:0

问AI
这个el-select-dropdow是插入到body上的,它的点击事件会冒泡到body,然后使el-select-dropdow隐藏,所以想阻止它可以从两个方面入手。一是阻止它的点击事件,但是这个是分页组件内的options,无法去修改,二是让它不插入到body,在element-plus中可以设置"teleported" (https://link.segmentfault.com/?enc=0nya%2Ft0ut4piqVNi1aGblw%3D%3D.pwCK0zn2M4CDnwYVc%2FPvRgTnNstDaBsjrPwkktrBUtsRhZJ%2BAsW1f%2FuXPwsoHoUKoU82fWvMFlsms3LEXBlHywmYj3w3eQmfgZY%2BOUddzg4%3D),需要版本2.3.13及以上,在element-ui中没找到相应属性,应该做不了。可以看看能不能曲线救国,比如舍弃分页的select,单独写个select和分页进行联动。