修改ant-design:tooltip样式不生效解决方案

176 阅读1分钟

<a-tooltip placement="bottomLeft" :getPopupContainer="getPopupContainer"> <template #title>{{ item.data }}</template> <div class="data-num">{{ item.data }}<span v-if="item.title === '当期收费率'">%</span></div> </a-tooltip>

getPopupContainer(triggerNode){ return triggerNode.parentNode; }, ::v-deep { .ant-tooltip-inner{ background-color: #fff; color: #000; } .ant-tooltip-arrow::before{ background-color: #fff; } }