其他分享
首页 > 其他分享> > el-popover 弹出框使用

el-popover 弹出框使用

作者:互联网

在这里插入图片描述

1、第一种

<el-popover
    placement="top-start"
    title="标题"
    width="200"
    trigger="hover"
    content="这是一段内容,这是一段内容,这是一段内容,这是一段内容。">
    <el-button slot="reference">hover 激活</el-button>
  </el-popover>

2、第二种

<el-popover
    ref="popover"
    placement="right"
    title="标题"
    width="200"
    trigger="focus"
    content="这是一段内容,这是一段内容,这是一段内容,这是一段内容。">
  </el-popover>
  <el-button v-popover:popover>focus 激活</el-button>

标签:el,hover,focus,弹出,popover,激活
来源: https://blog.csdn.net/seimeii/article/details/122036406