svelte - 苗条：参考未定义

Question

我正在使用Svelte (v2.7) 和Sapper (v0.12)。根据docs，this.refs应该是可用的，但它对undefined我来说，无论是 inoncreate还是 custom 方法。

我的 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如果没有声明 refs，则不会创建该对象。