用:append-to-body="false,此时虽然不插入body了,但content不会显示,需要用append手动插入"

<p ref="tooltipWrap">
 <el-tooltip 
 	ref="elTooltip" 
 	effect="light" 
 	placement="top" 
 	popper-class="simple-tooltip-popper" 
 	:append-to-body="false"
 >
  <div slot="content">
    <ul class="tooltip-content">
      <li>xxxx</li>
    </ul>
  </div>
  <el-button type="text" icon="el-icon-question"></el-button>
 </el-tooltip>
</p>

mounted() {
  this.$refs.tooltipWrap.appendChild(this.$refs.elTooltip.popperVM.$el)
},

参考文章链接

Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐