elementUI 中使用 Popover 弹出框 el-popover自 如何自定义样式 ?(出现 popper-class 不生效,如何解决 ?)
element
A Vue.js 2.0 UI Toolkit for Web
项目地址:https://gitcode.com/gh_mirrors/eleme/element
免费下载资源
·
动态赋值 ?
通过 :content
动态赋值
<el-popover
placement="right"
title="驳回原因:"
width="200"
trigger="hover"
popper-class="custom-popover"
:content= noPassReason >
<el-button slot="reference">审核未通过</el-button>
</el-popover>
修改样式 ?
通过 popper-class
进行修改
<style>
.custom-popover .el-popover__content {
color: #E50718;
}
.custom-popover .el-popover__title {
color: #E50718;
}
</style>
如果 popper-class 写的样式 不生效? 如何解决?
检查 style 是否写了 scoped ,应去除scoped的限制
发现自己对el-popper写的样式不起作用,甚至连使用 :v-deep() 、 行内Style、 穿透都不起作用, 这是因为el-popper生成的div不在当前组件之内,甚至不在App.vue组件的div内,他和App.vue组件的div平级。所以需要全局设置style ~~~~~~~
GitHub 加速计划 / eleme / element
54.06 K
14.63 K
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:3 个月前 )
c345bb45
7 个月前
a07f3a59
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update table.md
* Update transition.md
* Update popover.md 7 个月前
更多推荐
已为社区贡献6条内容
所有评论(0)