Ребят, что за?!

Во-первых, лучше всего послушать компилятор и не юзать динамический type с bind:. Во-вторых, если очень надо/хочется, то лучше сделать этот атрибут управляемым из свелт, вместо того, чтобы мутить не явное использование api элемента напрямую, в обход свелт.

0

01.01.2021

Eric Rovell · Accepted Answer

Нельзя использовать two-way binding при динамическом типе элемента ввода. Так задумано. Потому что, если изменится тип, то нет гарантий, что у тебя ничего не сломается. Если уж очень хочется, то <script> export let placeholder = ""; export let label = ""; export let description = ""; export let value = ""; export let type = "text"; const handleInput = e => { // in here, you can switch on type and implement // whatever behaviour you need value = type.match(/^(number|range)$/) ? +e.target.value : e.target.value; }; </script> <div class="container"> <label>{label}</label> <input {type} {value} {placeholder} on:input={handleInput} /> <p>{description}</p> </div>

169 похожих чатов

Ребят, что за?!

8 ответов

Похожие вопросы