Можно ли для биндингов добавить конвертацию? например, если нужен инпут

Question

Svelte [svelt] - All about Svelte JavaScript framework.

Можно ли для биндингов добавить конвертацию? например, если нужен инпут

для ввода 16-ричного числа с number'ом на выходе. типа:
<script lang="ts">
export let num: number
let hex: string

$: hex = num.toString(16)
$: num = parseInt(hex, 16)
</script>

<input bind:value={hex} />

но тут на циклическую зависимость ругаются аж два линтера.

или такое вообще сделать нельзя, и надо вешаться на on:change?

#programming #russian #svelte

0

02.04.2021

11 ответов

6 просмотров

3bl3gamer Автор вопроса

Eric Rovell
<script lang="ts"> export let num: number $: ...

не, так в инпуте ж будет десятичное число

0

02.04.2021

Eric Rovell

3bl3gamer
не, так в инпуте ж будет десятичное число

Всё, понял, нужно же в 16 систему...)

0

02.04.2021

Mark Tanashchuk 🇺🇦

Можно сделать это экшнами

0

02.04.2021

Pavel 🦇 Malyshev

Обычно в таких кейсах помогает дополнительная проверка в $:

0

02.04.2021

3bl3gamer Автор вопроса

Pavel 🦇 Malyshev
Обычно в таких кейсах помогает дополнительная пров...

проверка на равенство между num и hex (с конвертацией) перед каждым присваиванием? всё равно ругается на циклическую зависимость, ещё на этапе сборки

0

02.04.2021

Eric Rovell

3bl3gamer
проверка на равенство между num и hex (с конвертац...

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

0

02.04.2021

Pavel 🦇 Malyshev

3bl3gamer
проверка на равенство между num и hex (с конвертац...

посмотрел внимательнее, тут все еще проще: https://svelte.dev/repl/5cc79bd74b3e48a28a34a80914bfd01f?version=3.37.0

0

03.04.2021

Daniil Zavyalov

Pavel 🦇 Malyshev
посмотрел внимательнее, тут все еще проще: https:/...

Такой вопрос. С чем связано то, что когда мы удаляем десятичное число внутри input связь пропадает и далее если мы пишем уже другое число HEX не меняется.

0

03.04.2021

3bl3gamer Автор вопроса

Pavel 🦇 Malyshev
посмотрел внимательнее, тут все еще проще: https:/...

так тут хексовый инпут не редактируется. наверно потмоу что при изменении hex выполняется весь блок $:, а там первая строка hex = num?.toString(16); затирает только что изменившееся значение

0

03.04.2021

Pavel 🦇 Malyshev

3bl3gamer
так тут хексовый инпут не редактируется. наверно п...

ой, да. невнимательно смотрю. тогда нужно будет еще проверки впилить и кажется вариант с ивентом, который выше предложили будет более лаконичным. можно только on:change заменить на on:input и в контексте текстового поля разницы с биндингом не будет

0

03.04.2021

Eric Rovell · Accepted Answer

Eric Rovell

0

02.04.2021

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

Можно ли для биндингов добавить конвертацию? например, если нужен инпут

11 ответов

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