作者：soar | 来源：互联网 | 2023-08-22 13:23
目的&＃xff1a;多选下拉框
1.支持多选
2.支持重置和确认按钮
备注&＃xff1a;点击确认选择的项生效&＃xff0c;如果没有点击确认再次弹出下拉框展示的是上次确认选择的值&＃xff0c;而不是最后离开时的选项。
先看效果图&＃xff1a;
MultiDropdown.vue 代码如下&＃xff1a;
ref&＃61;"myDropDown"
:disabled&＃61;"disabled"
:title&＃61;"displayName || title"
&＃64;closed&＃61;"closed"
>
v-model&＃61;"newValue"
direction&＃61;"horizontal"
style&＃61;"margin-top: 10px"
>
>{{ item.text }}
ref&＃61;"regionResetBtn"
round
type&＃61;"default"
size&＃61;"small"
&＃64;click&＃61;"reset"
class&＃61;"btn-group-button"
>重置
>
round
type&＃61;"info"
size&＃61;"small"
&＃64;click&＃61;"confirm"
class&＃61;"btn-group-button"
>确认
>
京公网安备 11010802041100号