element-plus中的el-dropdown隐藏箭头、调整弹出层位置的方法

官方并没有提供直接的属性来实现ElPopover的弹出层隐藏箭头、调整弹出层位置这2个功能(ElPopover倒是有的，使用:show-arrow="false")，可以使用自定义popper-class以及popper-options来实现。

<template>
  <el-dropdown popper-class="custom-dropdown-popper"
          :popper-options="{
            modifiers: [{ name: 'offset', options: { offset: [-10, 0] } }]
          }">
    <span class="el-dropdown-link">
      Dropdown List
    </span>
    <template #dropdown>
      <el-dropdown-menu>
        <el-dropdown-item>Action 1</el-dropdown-item>
        <el-dropdown-item>Action 2</el-dropdown-item>
      </el-dropdown-menu>
    </template>
  </el-dropdown>
</template>

<style>
.custom-dropdown-popper.el-dropdown__popper {
  border: 0;

  .el-popper__arrow::before {
    display: none;
  }
}
</style>