Question

popper.js在其官方网站上声称它将自动为您处理箭头。 https://popper.js.org/#arrows

但是，当我尝试一些基本的html内容时，箭头不会显示：

<div id="popover-trigger"></div>
<div id="popover-container">
    <span class="arrow"></span>
</div>
<script type="text/javascript">
    const popper = new Popper(popper_trigger, popper_content, {
                "placement": "top",
                "modifiers": {
                    "arrow": {
                        element: '.arrow'
                    },
                   "offset": { 
                       enabled: true,
                       offset: '0,10'
                    }
                },
                "onCreate": function(data){
                    console.log(data);
                }
            });
</script>

我在线搜索，发现很少提及此功能。有些涉及手动添加CSS样式：enter link description here，而我认为此功能应该是现成的。

我还使用开发人员的工具检查了生成的html结构，但没有找到与箭头相关的元素。

我在这里想念东西吗？

Answer 1

尝试将x箭头添加为属性： <span x-arrow></span>

如何自动配置popper.js箭头？

1 个答案: