vue3 element-plus 利用refs动态更新popover位置

我是小菜鸟*

已于 2023-10-23 16:18:23 修改

阅读量759

点赞数 1

分类专栏： vue3 文章标签： vue.js 前端 javascript

于 2023-10-23 16:15:24 首次发布

本文链接：https://blog.csdn.net/qq_37732512/article/details/133992704

版权

vue3 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

核心代码如下

// template
<el-popover ref="commandPopoverRef" popper-class="command-set_popover__custom-class" v-model:visible="commandSetVisible" width="100%" :teleported="false" :fallback-placements="['bottom', 'top', 'right', 'left']" @hide="commandSetCancel">
</el-popover>

// script
nextTick(() => {
    // 重新更新popover位置
    unref(commandPopoverRef).popperRef?.popperInstanceRef?.update();
});