Привязка ввода Svelte прерывается, когда реактивное значение является ссылочным типом?

Кажется, что это проблема только при использовании двусторонних привязок.

Переключившись на односторонний и on: обработчик ввода, проблема исчезнет:

т.е. вместо этого:

<input type="text" bind:value={valX}/>

использовать этот:

<input type="text" value={valX} on:input={e => valX = e.target.value}/>

Я почти уверен, что ваше реактивное объявление перезаписывает ваше связанное значение, как только оно изменяется, то есть с каждым нажатием клавиши на входе и каждым нажатием кнопки. Это означает, что технически он работает, вы просто возвращаете его каждый раз, когда он изменяется. Ознакомьтесь с этой версией, в которой используется наблюдатель.

Также привязка к реактивному объявлению означает, что вы фактически никогда не меняете переменные с вводом (который вы можете увидеть в своем результате JSON в первом селекторе, когда вы вводите ввод, значение не обновляется только при нажатии кнопки).

Почему бы не потерять реактивное объявление и не привязаться непосредственно к нужной переменной. Затем используйте блок {#if}, чтобы переключаться между той версией ввода, которую вы показываете, в зависимости от правдивости index?

<script>
    export let valueOne;
    export let valueTwo;
    export let index;

    let selectedValue = index? [] : '';
    let selectValue = (val) => selectedValue = val;
</script>
{#if index}
    <input type="text" bind:value={selectedValue[index]} placeholder="Type anything...">
{:else}
    <input type="text" bind:value={selectedValue} placeholder="Type anything...">
{/if}
<button on:click={() => selectValue(valueOne)}>One</button>
<button on:click={() => selectValue(valueTwo)}>Two</button>
<p>
    <strong>Selected value:</strong> {JSON.stringify(selectedValue)}
</p>

Связывая непосредственно с selectedValue или его индексом, вы получаете дополнительное преимущество, заключающееся в изменении значения при вводе. Вот рабочий пример в REPL