Пару вопросов: Демо: https://svelte.dev/repl/4cd2264cb9df4816870e5ab29e7d51fd?version=3.12.1 1) Можно ли навесить на компонент класс из

Question

Svelte [svelt] - All about Svelte JavaScript framework.

Пару вопросов: Демо: https://svelte.dev/repl/4cd2264cb9df4816870e5ab29e7d51fd?version=3.12.1 1) Можно ли навесить на компонент класс из

родительского компонента? Если да, то как?
Способ который у меня — навешивает класс, с помощью :global но стили внутреннего компонента его перезаписывают.

2) Как навешивать на компонент атрибут, который в нем не прописан. Например навесить на инпут name, placeholder, required, disabled.

3) Можно ли сделать для инпута динамический type + bind. Я сделал через on:input внутри InputWithType.svelte, но кажется это совсем не правильно.

#programming #russian #svelte

0

13.09.2019

5 ответов

22 просмотра

Pavel 🦇 Malyshev

1) попробуй так: form :global(.custom-input){ border-color: tomato; }

0

13.09.2019

Pavel 🦇 Malyshev

Короче чем смог: https://svelte.dev/repl/2c278e3b7e224a48bdb079b4a02e21f3?version=3.12.1

0

13.09.2019

Alexey Schebelev

2. Можно внутри компонента "размазать" объект его свойств по импуту: <input {...$$props} />- там правда размажутся и всё преданные свойства(в том числе и локального стейта), нужно придумать как отфильтровать одно от другого.

0

13.09.2019

Dmitry Kutran

Сначала второй пункт не понял. Вот дополнил https://svelte.dev/repl/e21b11b8c3104527b66dac2e86e8b319?version=3.12.1

0

13.09.2019

Dmitry Kutran · Accepted Answer

Dmitry Kutran

1) нельзя 2) эти аттрибуты могут на инпуте быть прописаны 3) нет, так как type еще во время компиляции определяет, как обрабатывать байнд, к примеру для type=“number”, он его в чиисло преобразовывает

0

13.09.2019

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

Пару вопросов: Демо: https://svelte.dev/repl/4cd2264cb9df4816870e5ab29e7d51fd?version=3.12.1 1) Можно ли навесить на компонент класс из

5 ответов

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