el-dropdown-menu怎么使用父级的宽度
时间: 2023-11-22 15:45:17 浏览: 223
vue+element搭建后台小总结 el-dropdown下拉功能
el-dropdown-menu可以使用父级的宽度,只需要在el-dropdown-menu上设置width为100%即可。这样el-dropdown-menu就会自动继承父级的宽度。同时,也可以通过设置max-width来限制el-dropdown-menu的最大宽度,以避免过度拉伸。例如:
```
<el-dropdown>
<span class="el-dropdown-link">
下拉菜单<i class="el-icon-arrow-down el-icon--right"></i>
</span>
<el-dropdown-menu slot="dropdown" style="width: 100%; max-width: 300px;">
<el-dropdown-item>选项一</el-dropdown-item>
<el-dropdown-item>选项二</el-dropdown-item>
<el-dropdown-item>选项三</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
```
阅读全文