Select 启用“多重选择”时,如何从“苗条选择”组件获取所有值

Select 启用“多重选择”时,如何从“苗条选择”组件获取所有值,select,svelte,Select,Svelte,您好,这是一个有效的示例代码: <script> import Select from 'svelte-select'; const items = [ {value: 'chocolate', label: 'When using multiple selection, selectedValue is an array of objects, so it doesn't have a direct label property, only th

您好,这是一个有效的示例代码:


<script>
    import Select from 'svelte-select';

    const items = [
        {value: 'chocolate', label: 'When using multiple selection, 
selectedValue
is an array of objects, so it doesn't have a direct
label
property, only the array elements have that property.

To display the selected labels, you need to amend your code to one of the following, in order to iterate the array:

Option A: using Svelte's
#each
iterator (formatted list)

{#if selectedValue}
  <p>Selected values are:</p>
  <ul>
    {#each selectedValue as sv}
      <li>{sv.label}</li>
    {/each}
  </ul>
{/if}
从“苗条选择”导入选择; 常数项=[
{value:'chocolate',label:'使用多重选择时,selectedValue是一个对象数组,因此它没有直接的label属性,只有数组元素具有该属性

要显示选定的标签,需要将代码修改为以下内容之一,以便迭代数组:

选项A:使用Svelte的每个迭代器格式的列表

{如果选择了值} 所选值为:

{每个selectedValue作为sv} {sv.label} {/每个} {/if} 选项B:使用Array.map和Array.join逗号分隔列表

{如果选择了值} 所选值为:{selectedValue.maps=>s.label.join','}

{/if}