当前位置: 首页 > 知识库问答 >
问题:

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

阎京
2024-06-09

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

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个答案

乜安志
2024-06-09
- <el-form>+ <el-form class="w-96">...- <el-dropdown-menu>+ <el-dropdown-menu class="w-96">
 类似资料:
  • 问题描述 根据设计稿改element switch样式 你期待的结果是什么?

  • 其实是想要实现这样的样式: el-select 多选,选中的内容以逗号分割,最小宽度80px;最大宽度300px;超出最大宽度显示省略号 就是大概是下面这样,一行显示已经处理了,但是最小80px,然后input框的宽度根据选中的项的字符串内容变大,最大300px,超过显示省略号还没想好如何处理,有无大佬给个思路。 看了网上有说可以用 el-select 的prefix,结合计算属性去实现,但是pr

  • 本文向大家介绍如何修改JavaFX XY图表中刻度线的长度?,包括了如何修改JavaFX XY图表中刻度线的长度?的使用技巧和注意事项,需要的朋友参考一下 在XY图表中,给定的数据点绘制在XY平面上。沿x和y轴,您将具有刻度线和刻度线标签。刻度线代表间隔均匀的各种值。 更改刻度线的长度 javafx.scene.chart.Axis类(abstract)是基类中的所有XY图表轴。要创建X和Y轴,您

  • 本文向大家介绍postgresql 修改字段长度的操作,包括了postgresql 修改字段长度的操作的使用技巧和注意事项,需要的朋友参考一下 使用数据库postgresql的时候,有时会遇到字段长度扩展的情况,由于之前已经有数据了,所以只能修改字段长度,不能通过删除再增加的方式。 可以使用如下方式进行 通过上面的一句话就可以把你的表中相应的字段的长度修改为3000. 补充:PostgreSQL字

  • 老项目el-ui升级到el-plus。很多地方用到了size mini 现在el-plus没有mini这个尺寸配置了。有没有方法能扩展el-plus的尺寸配置呢? 试过mini换成small样式,然后再修改small.但是老项目也针对small和mini做了区分样式改动。要确保之前的页面效果就要逐一改动页面了。大家还有什么好方法吗?

  • 考虑以下java代码: 此代码输出“”。所以是64字节,而SHA-256是32字节哈希。 我知道我指定了512位(64字节)作为密钥长度 然而,我希望生成的密钥(PBKDF2)将由SHA-256进行散列,这样无论我使用的密钥大小如何,输出都应始终为32字节。 我错过了什么(或者为什么我的期望是错误的)?

  • 在使用antd tabs的时候: 这些css样式请问是否可以进行更改呢? 我想把这些Tab的样式做的紧凑: 更新1 我这样配置样式,引入,效果没有变化。 查看控制台没有添加上: 使用import 这个代码是加不上的吗?

  • 在漏斗图中转化层用于描述不同阶段或步骤之间的转化过程。 漏斗图的转化层的背景颜色通常默认为单一颜色,如何修改漏斗图转化层的背景颜色,以提高可视化的效果和可读性?