效果圖
解決:append-to-body="false"添加這個屬性就可以了文章來源地址http://www.zghlxwxcb.cn/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)">取消發(fā)布</li>
<li v-show="pageType === 'drafts'" @click="handleCopy(item,index)">復(fù)制</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>
文章來源：http://www.zghlxwxcb.cn/news/detail-632474.html
到了這里，關(guān)于【Elemnt-UI——el-popover點擊出現(xiàn)多個彈框】的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
