vue3 中el-popover使用方式

在 Vue3 中，使用 el-popover 组件的方式如下：

1. 安装 Element Plus

npm install element-plus --save

2. 引入 el-popover 组件

<template>
  <div>
    <el-popover
      placement="top-start"
      title="标题"
      width="200"
      trigger="click"
      content="这是内容"
    >
      <el-button>点击我</el-button>
    </el-popover>
  </div>
</template>

<script>
import { ElPopover, ElButton } from 'element-plus';

export default {
  components: {
    ElPopover,
    ElButton,
  },
};
</script>

注意：在 Vue3 中，需要使用 `import { ElPopover, ElButton } from 'element-plus';` 引入 el-popover 和 el-button 组件。

3. 参数说明

- `placement`：指定弹出位置，可选值有 `top`、`top-start`、`top-end`、`bottom`、`bottom-start`、`bottom-end`、`left`、`left-start`、`left-end`、`right`、`right-start`、`right-end`。
- `title`：弹出框的标题。
- `width`：弹出框的宽度。
- `trigger`：指定触发方式，可选值有 `click`、`focus`、`hover`、`manual`。
- `content`：弹出框的内容。