el-tooltip内容用插槽展示(slot#content用法)

编程知识 更新时间:2023-04-05 05:32:12
<el-tooltip effect="light" placement="bottom-start">
      <div slot="content" class="tips">
        <div class="content">
          <p>tooltip展示的数据(默认加的插槽)</p>
        </div>
      </div>
      <template>
        <div class="content">
          <p>页面展示的数据(鼠标悬浮的容器,自定义插槽)</p>
        </div>
      </template>
    </el-tooltip>

多内容展示的tooltip使用slot#content 必须在el-tooltip下加自定义作用的插槽 否则页面(鼠标悬浮上去也没有内容)展示内容为空

更多推荐

el-tooltip内容用插槽展示(slot#content用法)

本文发布于:2023-04-05 05:32:00,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/61a0fb54b40058840c0a6ee093c403d4.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:插槽   内容   tooltip   el   slot

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!

  • 45028文章数
  • 14阅读数
  • 0评论数