el-dropdown-menu如何点击下拉项时展示该项

的内容？

您可以使用 el-dropdown-menu 的 slot-scope 属性来实现这个功能。具体来说，您可以在 el-dropdown-menu 中添加一个 el-dropdown-item 组件，并将其绑定到一个变量上。然后，您可以在 el-dropdown-menu 的 slot-scope 属性中使用这个变量来控制展示哪个下拉项的内容。例如：

<el-dropdown-menu>
<el-dropdown-item v-for="item in items" :key="item.id" :command="item.id">{{ item.name }}</el-dropdown-item>
<template slot-scope="{ command }">
<div v-if="command">
{{ items.find(item => item.id === command).content }}
</div>
</template>
</el-dropdown-menu>

在这个例子中，我们使用 v-for 指令来循环渲染 el-dropdown-item 组件，并将每个下拉项的 id 绑定到 command 属性上。然后，我们在 el-dropdown-menu 的 slot-scope 属性中使用 command 变量来控制展示哪个下拉项的内容。具体来说，我们使用 v-if 指令来判断 command 是否存在，如果存在，则展示对应下拉项的内容。最后，我们使用 items.find 方法来查找对应下拉项的内容，并将其展示出来。