【Elemnt-UI——el-popover点击出现多个弹框】

效果图

解决

:append-to-body="false"

添加这个属性就可以了

<el-popoverv-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"><liv-show="pageType === 'drafts'||pageType === 'error'||pageType === 'remove'"@click="handleTips(item,0)">删除</li><liv-show="pageType === 'loading'"@click="handleTips(item,1)">取消发布</li><liv-show="pageType === 'drafts'"@click="handleCopy(item,index)">复制</li><liv-show="pageType === 'remove'"@click="handleTips(item,2)">上架</li><liv-show="pageType === 'release'"@click="handleTips(item,3)">下架</li></ul><spanslot="reference"@click.stop="clickContextmenu(index)"><imgalt="拓展"src="@/assets/images/[email protected]"class="context-btn"></span></el-popover>