在vue3中,如何修改ant-deaign-vue tooltip的样式
众所周知,ant-deaign-vue tooltip组件在渲染后,是生成在大容器之外的,因此和主体内容是隔离的,此时如果我们在vue组件中的style标签(设置了scoped)中,尝试用:deep全局修改tooltip的样式,你会发现毫无效果。
这就要提到scoped的作用了
在Vue中, style scoped 是用来实现样式作用域隔离的特性,作用如下:
- 避免样式污染:给
因此,我们改不到这个老六(tooltip)
此时我们需要再加一个style标签,但不设置scoped属性,再将修改的样式粘贴进去,大功告成。