Svelte: ссылки не определены

Question

Я использую Svelte (v2.7) и Sapper (v0.12).Согласно документы , this.refs должны быть доступны, но для меня это undefined как в oncreate, так и в пользовательских методах.

Мой index.html выглядит так:

<select id="wifi-ssid" ref="wifi-ssid">
...

<script>
    export default {
        oncreate() {
            console.log('this.refs is undefined here', this.refs);
        },
        methods: {
            getIsValid() {
                console.log('this.refs is undefined here too', this.refs);
                // ...
            },
            // ...
        }
    };
</script>

( Полный код здесь ).

Я предполагаю, что это не ошибка (иначе все столкнулись бы с этим?), И яЯ понял, что что-то не так, потому что это мой первый раз.

Answer 1

Это устарело, я считаю, что новый синтаксис: <select bind:this={wifissid}>

Answer 2

Синтаксис для директивы ref - ref:name, а не ref="name".Это должен быть действительный идентификатор JavaScript, например, <select ref:wifissid>, а не wifi-ssid.

. Объект refs не создается, если никакие ссылки не объявлены.