多选

版本 ^1.0.23

我们在发布时暂缓了多选功能，因为我们觉得有很多细节需要打磨。但现在它来了。在 Flux 1.0.23 及以上版本中，你现在可以传入 multiple 属性，将单选选择器变为多选：

<flux:select variant="listbox" multiple>

    <flux:option>Photography</flux:option>

    ...

</flux:select>

当然，数据绑定也如你所料。通过在 wire:model 中传入一个 Livewire 属性名，Livewire 会让该属性的状态与你的选择保持同步：

<flux:select wire:model="selected" variant="listbox" multiple>

<?php

class extends Livewire\Component

{

    public $selected = [];

    

    ...

}

我们对多选的未来有更多计划，例如新增用于选择药丸、标签、头像等的变体，但就目前而言，这是一个很好的开始。

阅读更多关于多选 ->

自定义选中后缀

在你第一次选择后，Flux 会显示已选择的项数，并在后面跟上“selected”一词。

如果你想让它更具上下文含义，可以通过 selected-suffix 属性进行自定义：

<flux:select selected-suffix="industries selected" variant="listbox" multiple>

阅读更多关于选中后缀 ->

复选框指示器

默认的对勾图标现在在多选时可配置。如果你想要复选框作为可视化指示器，可以使用新的 indicator 属性：

<flux:select indicator="checkbox" variant="listbox" multiple>

阅读更多关于自定义选择指示器 ->

完整变更日志

• 支持多选

• 当点击选择列表的可清除按钮时分发 input 事件，以便 wire:model.live 捕获更改

在 GitHub 查看完整发布