ant库中的下拉选择框(包括树选择组件)
用户实现
使用ant库中的下拉选择组件a-select或者树选择组件a-tree-select实现用户下拉选择功能
解决办法
- 使用a-select-option直接手写一行行下拉框中的内容
<a-select>
<a-select-option value="0">选项一</a-select-option>
<a-select-option value="1">选项二</a-select-option>
<a-select-option value="2">选项三</a-select-option>
</a-select>
树选择组件中
使用a-tree-select-node标签一级一级的去手动构造节点 ,其中,a-tree-select-node标签中可以包括a-tree-select-node标签来渲染下一级的树节点信息。
<a-tree-select
v-model="value"
show-search
style="width: 100%"
:dropdown-style="{ maxHeight: '400px', overflow: 'auto' }"
placeholder="Please select"
allow-clear
tree-default-expand-all
>
<a-icon slot="suffixIcon" type="smile" />