Как использовать TypeitJs с Svelte? - PullRequest
Новая
       14

Как использовать TypeitJs с Svelte?

1 голос
/ 02 июля 2019 
 <script>
  import TypeIt from "typeit";
  export let name;

  new TypeIt('#simpleUsage', {
  strings: 'This is a simple string.',
  speed: 50,
  waitUntilVisible: true
}).go();

</script>

<style>
  h1 {
    color: purple;
  }
</style>

<h1>
  Hello
  <span id="name"></span>
</h1>
<p id="simpleUsage"></p>

Я успешно импортировал модуль typeit npm, ошибки не вошли в консоль, но все равно он не работает.

Я попробовал и веб-пакет, и накопительный пакет, просто будьте уверены.

Iзнаю, что я очень конкретен, но может кто-нибудь помочь мне здесь.Я новичок в svelte и без каких-либо ошибок вошел в консоль, трудно найти проблему.

1 Ответ

4 голосов
/ 02 июля 2019

Код в <script> выполняется до визуализации вашей разметки (в противном случае Svelte не будет знать что визуализировать, если у вас есть какая-либо логика в разметке). Из-за этого вы не можете ссылаться на узлы DOM до тех пор. По этой причине существует функция onMount: https://svelte.dev/tutorial/onmount

Лучше использовать ссылку на узел DOM, чем атрибут id (который не обязательно будет уникальным - если у вас есть два экземпляра этого компонента, у вас будут дубликаты идентификаторов). Смотри https://svelte.dev/tutorial/bind-this.

...