效果图
解决:append-to-body="false"添加这个属性就可以了文章来源地址https://www.toymoban.com/news/detail-632474.html
<el-popover
v-model="item.contextmenuVisible"
placement="bottom-end"
:append-to-body="false"
trigger="click"
:visible-arrow="false"
@hide="item.contextBtnVisible = false"
>
<ul
@mouseover="item.contextBtnVisible = true"
@mouseleave="!item.contextmenuVisible?item.contextBtnVisible = false:null"
>
<li v-show="pageType === 'drafts'||pageType === 'error'||pageType === 'remove'" @click="handleTips(item,0)">删除</li>
<li v-show="pageType === 'loading'" @click="handleTips(item,1)">取消发布</li>
<li v-show="pageType === 'drafts'" @click="handleCopy(item,index)">复制</li>
<li v-show="pageType === 'remove'" @click="handleTips(item,2)">上架</li>
<li v-show="pageType === 'release'" @click="handleTips(item,3)">下架</li>
</ul>
<span slot="reference" @click.stop="clickContextmenu(index)">
<img alt="拓展" src="@/assets/images/icon-gengduocopy@2x.png" class="context-btn">
</span>
</el-popover>
文章来源：https://www.toymoban.com/news/detail-632474.html
到了这里，关于【Elemnt-UI——el-popover点击出现多个弹框】的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
