可否将el-select 选择器 只显示为一个图标’el-icon-s-operation‘,并且多选的选项为纵项排列的多选框’el-checkbox-group‘
时间: 2024-01-07 13:02:45 浏览: 150
el-select-tree:ElementUI的el-select与el-tree结合
5星 · 资源好评率100%
可以实现。你可以在 el-select 中设置 `placeholder` 属性为一个空字符串,然后在 `suffix-icon` 属性中设置图标为 `el-icon-s-operation`。而多选框可以使用 `el-checkbox-group` 来实现,设置 `vertical` 属性为 `true` 即可使多选框纵向排列。
以下是示例代码:
```html
<el-select multiple placeholder="" suffix-icon="el-icon-s-operation">
<el-checkbox-group vertical>
<el-checkbox label="选项1"></el-checkbox>
<el-checkbox label="选项2"></el-checkbox>
<el-checkbox label="选项3"></el-checkbox>
</el-checkbox-group>
</el-select>
```
阅读全文