关于iview 中poptip 加了transfer 样式消失的问题

485 阅读1分钟

近日,产品说以前的代码有了一个bug,那就是poptip在table中被遮挡了一部分,让我改一下。 如图:81cef2a9f86e7b88de2ddea5818d4ee.png
哈,我看了官方文档,发现可以用transfer :true来解决这个问题,可是当我加上了这个属性后。确实是不被遮挡了,可是以前的样式消失了。,如图:

203346b8009176d0b7e2f8a3e8fb42f.png
于是,我给poptip加了popperClass,想通过css来修改,但是用了很多方法都没有用(如果有同学有试过成功的可以告诉下我哈)。然后在看了很多遍文档后,发现文档有一个属性为slot,于是我决定另辟蹊径,成功!代码如下:

                    h(
                      "Poptip",
                      {
                        props: {
                          placement: "top-start",
                          popperClass:'poptip-red',
                          transfer: true,
                        },
                        style:{
                          color:'red'
                        }
                      },
                      [
                         h(
                              "div",
                              {
                               slot:'content',
                              },
                              [
                                h("span",{
                                   class:'poptip-red',
                                },
                                'dfreeeeeeeeeeeeeeeeeefrfrrfr')
                              ]
                          )
                       ]
                   ),
                   
                   .poptip-red{
                          color: red !important;
                      }

效果如图:

56b8208fc3317fabd00ba714d9cdf0b.png