如何修改element-plus的dropdown使弹出的popper和trigger的长度一样长呢?

作者站长头像
站长
· 阅读数 14

如何修改element-plus的dropdown使弹出的popper和trigger的长度一样长呢?实现以下效果:如何修改element-plus的dropdown使弹出的popper和trigger的长度一样长呢?

playground

<script setup lang="ts">
const search = ref("");
const msg = ref('Hello World!')
</script>

<template>
  <el-dropdown trigger="click">
    <el-from>
      <el-form-item class="mb-0">
        <el-input placeholder="搜索" v-model="search" />
      </el-form-item>
    </el-from>
    <template #dropdown>
      <el-dropdown-menu>
        <el-dropdown-item>你好</el-dropdown-item>
        <el-dropdown-item>你好</el-dropdown-item>
      </el-dropdown-menu>
    </template>
  </el-dropdown>
</template>
<style scoped>
  .mb-0 {
    margin-bottom: 0;
  }
</style>
回复
1个回答
avatar
test
2024-06-18
- <el-form>
+ <el-form class="w-96">
...
- <el-dropdown-menu>
+ <el-dropdown-menu class="w-96">
回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引,对解决问题有帮助
  • 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容