Svelte-Select绑定Store遇问题：如何用初始值设默认选中项？

直接放弃使用bind:justValue，改用单向传值+事件监听的方式，是最简单的解决方案：

• 给Svelte-Select组件的value属性赋值为$store，让store的初始值直接作为组件的默认选中项
• 监听组件的input事件，在回调里手动更新store的值，完成双向同步

代码示例 #

Store 定义

import { writable } from 'svelte/store';
export const store = writable("startingValue");

组件使用

<script>
  import Select from 'svelte-select';
  import { store } from './stores.js';
</script>

<Select
  value={$store}
  on:input={(event) => store.set(event.detail.value)}
  <!-- 补充你的选项配置，比如：options={[{value: "startingValue", label: "默认选项"}]} -->
/>

注意事项 #

要确保你的options数组中存在与store初始值"startingValue"匹配的选项，否则默认选中逻辑不会生效。

内容的提问来源于stack exchange，提问作者Clemens Rosenow