这个我的代码:
<el-popconfirm
placement="top-start" // 位置置于顶部
popper-class="my-popconfirm" //我们修改需要使用到的属性
confirmButtonText="确定" // 确定按钮
cancel-button-type="取消" // 取消按钮
//其他不重要//
:title="`是否${scope.row.isOpen == 'N' ? '开启' : '关闭'}${
scope.row.name
}?`"
@confirm="handleConfirm(scope.row)"
@cancel="() => {}"
>
<el-switch
slot="reference"
:value="`${scope.row.isOpen == 'N' ? 'N' : 'Y'}`"
active-value="Y"
inactive-value="N"
></el-switch>
</el-popconfirm>
这是我修改以后的样子
解决办法:
要在唯一父组件里的<style>里去掉scoped ,
<style lang="scss">
.my-popconfirm {
width: 254px !important;
height: 84px !important;
padding: 14px;
.el-popper {
font-size: 14px;
}
.el-popconfirm__main {
margin: 0 0 13px;
}
.el-button--mini {
height: 20px !important;
width: 39px !important;
padding: 0 6px;
}
}
</style>
要是就只修改这个样式,其他样式不共享,可以