解决el-table中使用el-popover组件弹窗显示关闭问题

问题1:解决el-table多行多个单元格中使用el-popover组件弹窗显示关闭问题

使用v-model="visible" 去掉trigger属性 在需要打开和关闭的地方使用visible控制即可 无需ref获取doShow()打开 doClose()关闭方法或使用ref动态命名等

问题2:el-popover组件里使用el-date-picker日期选择器组件 打开el-date-picker日期选择器导致el-popover组件弹窗消失

在el-date-picker日期选择器组件里使用属性 :append-to-body="false"即可

问题3:项目中修改el-popover组件样式

需要在组件el-popover标签使用popper-class属性 并且去掉style标签的scoped属性

以下代码为el-table组件里单元格引入el-popover组件的内容代码,仅供参考:





 以下代码为el-table组件里单元格引入上面el-popover组件的内容代码,仅供参考:


   

你可能感兴趣的:(elementui,vue.js,前端)