请问如下效果的Multiple Select 是如何实现的?在下完全没有一点点思路!! 财富值40

2016-11-02 14:32发布

在下要实现的效果如下图片,但在下是个刚入门一个多月的新手,完全没有思路!求指导

楼主去网上找了好多结果,在Bootstrap找到了类似的,但组长要求必须用Vue去实现,就又懵逼了。

Bootstrap找到的我想要的组件的地址:Multiple Select with Groups(这个地址页面下的Multiple Select with Groups 这个选择器就是楼主想要的)

想改用Vue实现,大家给个思路,感激!

4条回答
mishen - whatsns产品经理
1楼 · 2016-11-02 14:59.采纳回答

你这个组件首先要有一份列表数据用来选,还有一个列表用于记录选了什么,两个方法,一个选中,将选项查到选中列表,还有一个清除,将选项从选中列表中清除。

HTML <select> 标签
通过 <optgroup> 标签把相关的选项组合在一起:

宝马官网的移动端效果实现,你查一下

一周热门 更多>