Dropdown 下拉按钮

引入

import {ButtonSelect} from 'wwz-ui'

预览

部分代码预览

<div class="button-demo" >
    <z-button-select :lists="lists" :current.sync="current">
    </z-button-select>
    <div>目前选择的值： {{current}}</div>
</div>

:::warning 请注意，我们的组件大多使用了单项数据流的思想，体现在本例的是在代码上是在监听 current 的时候添加了 .sync 修饰符，如果不添加此修饰符就不会监听到 current 的更新。 :::

API

参数	说明	类型	默认值
lists	传入要展示的数据，如 ['a', 'b', 'c']	一维数据	无
current	展示在 button 上的数据，若想取得该值的更新只需添加 .sync 修饰符	String	数组的第一项

:::tip 本组件功能较为简单，没有内置滚动条，数据量多时建议使用 Cascader(级联选择器) 组件。 :::