苗条：参考未定义

Question

我正在使用 Svelte (v2.7) 和 Sapper (v0.12)。根据the docs，this.refs 应该可用，但在oncreate 和自定义方法中对我来说是undefined。

我的 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>

(Full code here).

我假设这不是一个错误（否则每个人都会遇到它？）而且我有问题，因为这是我第一次使用它。

Answer 1

这已被弃用，我相信新语法是<select bind:this={wifissid}>

Answer 2

ref 指令的语法是ref:name，而不是ref="name"。它必须是有效的 JavaScript 标识符，例如<select ref:wifissid> 而不是 wifi-ssid。

如果没有声明引用，则不会创建 refs 对象。