el-popover实现点击切换向上或向下的箭头

html

<el-popover v-model:visible="popVisible" placement="bottom" trigger="click">
      <template #reference>
        <el-icon v-if="popVisible">
          <ArrowUp />
        </el-icon>
        <el-icon v-else>
          <ArrowDown />
        </el-icon>
      </template>
      弹出框内容
    </el-popover>

js

const popVisible = ref(false);