element-ui的popover和select共存时,点击select,popover不自动隐藏

111.png

解决方案：通过控制el-popover的visible来让其隐藏
1.在组件中引入自定义指令 import Clickoutside from 'element-ui/src/utils/clickoutside' // 从element-ui的依赖中引入　
import Clickoutside from 'element-ui/src/utils/clickoutside'
2.自定义指令
directives: { Clickoutside },
3.通过控制visible来显示

<el-popover
    placement="bottom"
    v-model="visible"
    v-clickoutside="()=>visible=false"
    @hide='hide'
    trigger="click" popper-class="js_close"></el-popover>