启用多重选择后如何从velve-select组件中获取所有值

Posted 2021-04-27

嗨，这是一个有效的示例代码：

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

    const items = [
        {value: 'chocolate', label: '
答案
[使用多重选择时，selectedValue是对象的数组，因此它没有直接的label属性。
要显示选定的标签，您需要将代码修改为以下之一：
选项A：使用Svelte的#each迭代器（格式化列表）
{#if selectedValue}
  <p>Selected values are:</p>
  <ul>
    {#each selectedValue as sv}
      <li>{sv.label}</li>
    {/each}
  </ul>
{/if}
选项B：使用Array.map和Array.join（逗号分隔的列表）
{#if selectedValue}
  <p>Selected values are: {selectedValue.map(s => s.label).join(', ')}</p>
{/if}
以上是关于启用多重选择后如何从velve-select组件中获取所有值的主要内容，如果未能解决你的问题，请参考以下文章
 
 如何在 ASP.NET Core 3.1 中启用多重身份验证？
 多重插补为啥要汇总分析
 excel 如何 筛选，以及筛选后，在复制时 显示 不可对多重选定区域使用此命令的解决办法
 React Native：如何选择性地启用 LayoutAnimation
 如何强制用户从下拉列表和按钮中选择一个值以启用保存按钮？
 如何从联系人列表中启用多项选择