Svelte项目中svelte-select点击菜单无响应无法展开问题

你的代码里有两个关键问题导致组件点击没反应：

• 强制设置focused={false}：这个属性是组件内部用来控制聚焦状态的，硬设为false会阻止组件响应点击展开下拉的逻辑，直接移除这个属性即可。
• 静态值绑定value={'English'}：没有使用响应式变量，不仅无法同步选中后的新值，也可能干扰组件的正常状态管理，改用响应式变量配合双向绑定才能正常工作。

修正后的代码：

<script>
 import Select from 'svelte-select';
 const languages = ['English', 'Korean'];
 let selectedLanguage = 'English';
</script>

<Select
 items={languages}
 showChevron={true}
 searchable={false}
 bind:value={selectedLanguage}
 clearable={false}
>
</Select>

这样修改后，点击组件就能正常展开下拉选项，选中的值也会同步到selectedLanguage变量中。

内容的提问来源于stack exchange，提问作者Giorgi Shalamberidze