Телеграмм чат группы sveltejs страница 4937

Size: a a a

Svelte [svelt]

2020 September 08

скорее всего нужна буферная переменная типа

let operator: Operator = Operator.Add;
let internalOperator: string = operator;

$: operator = internalOperator as Operator;

источник

18:28пожаловаться #1

Alexander Ponomarev in Svelte [svelt]

либо расписывать on:change и value на селекте без двустороннего биндинга

источник

18:29пожаловаться #2

Alexander Ponomarev in Svelte [svelt]

но ошибка компиляции конечно показывается в замечательном месте и легко позволяет найти проблему (нет)

источник

18:30пожаловаться #3

Vladimir Syroezhkin in Svelte [svelt]

Alexander Ponomarev

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

Снимок экрана_2020-09-08_23-29-27.png

(101.09 Кб)

В итоге передал в одной переменной уже вычисленное внутри компонента выражение. Вот я заморочился :)

источник

18:31пожаловаться #4

Alexander Ponomarev in Svelte [svelt]

ну сейчас вы конечно это обошли, но суть не меняется что bind:something={enum} сделать невозможно, а если enum еще и экспортится то вообще шик ошибка хз где показывается =)

источник

18:40пожаловаться #5

Alexander Ponomarev in Svelte [svelt]

кстати мб если отпилить енум в отдельный файл импортнуть в обоих может помочь и моя догадка по поводу байнд не верна

источник

18:41пожаловаться #6

Vladimir Syroezhkin in Svelte [svelt]

Alexander Ponomarev

Пока только изучаю, ещё не проникся в такие тонкости... Буду аккуратнее с экспортом enum. Спасибо!

источник

18:47пожаловаться #7

Pavel 🦇 Malyshev in Svelte [svelt]

Максим

Подскажите, а как сделать запрос fetch api, а потом только отрендерить компонент? через #await?

Глянь svelte-viewpoint. Он даёт не только загрузить компонент динамически, но и «ждёт» функцию preload как в саппер

источник

19:02пожаловаться #8

Максим in Svelte [svelt]

Pavel 🦇 Malyshev

Глянь svelte-viewpoint. Он даёт не только загрузить компонент динамически, но и «ждёт» функцию preload как в саппер

это можно интегрировать с svelte-routing ? )

источник

19:03пожаловаться #9

Pavel 🦇 Malyshev in Svelte [svelt]

Максим

это можно интегрировать с svelte-routing ? )

вообще он роутинг-независимый

источник

19:03пожаловаться #10

Pavel 🦇 Malyshev in Svelte [svelt]

но я не юзал никогда svelte-routing

источник

19:03пожаловаться #11

Максим in Svelte [svelt]

Pavel 🦇 Malyshev

вообще он роутинг-независимый

вот

источник

19:03пожаловаться #12

Pavel 🦇 Malyshev in Svelte [svelt]

А блин, svelte-routing это не тот который как реакт роутер сделан?

источник

19:04пожаловаться #13

Pavel 🦇 Malyshev in Svelte [svelt]

Ща гляну

источник

19:04пожаловаться #14

Максим in Svelte [svelt]

Pavel 🦇 Malyshev

А блин, svelte-routing это не тот который как реакт роутер сделан?

скорее да

источник

19:04пожаловаться #15

Pavel 🦇 Malyshev in Svelte [svelt]

Ага, вот кажется так должно работать:

<Route path="blog/:id" let:params>
  <Viewpoint component={() => import('./Component.svelte')} />
</Route>

источник

19:05пожаловаться #16

Pavel 🦇 Malyshev in Svelte [svelt]

дальше в самом Component.svelte создаешь функцию preload в context=module

источник

19:05пожаловаться #17

Pavel 🦇 Malyshev in Svelte [svelt]

одна может быть асинхронной

источник

19:05пожаловаться #18

Pavel 🦇 Malyshev in Svelte [svelt]

все что она вернет, будет разрезолвлено как промис и спредом размазано как пропсы компонента

источник

19:06пожаловаться #19

Pavel 🦇 Malyshev in Svelte [svelt]

<script context="module">
  export async function preload() {
    const posts = await fetchPosts();
    return { posts };
  }
</script>

<script>
  export let posts = [];
</script>

источник

19:07пожаловаться #20