javascript - 在 html 类中使用函数的 Svelte 错误

Question

我有一个带有标题的 li 标签，它执行以下操作:

          <li
        title={`Click to ${values.videos.length > 0 && values.videos.find(videoID => videoID == video.id.videoId) ? 'un' : ''}select`}

这工作得很好。但是如果我在类属性中做同样的事情:

          <li
        title={`Click to ${values.videos.length > 0 && values.videos.find(videoID => videoID == video.id.videoId) ? 'un' : ''}select`}
        class={`empty-button ${values.videos.length > 0 && values.videos.find(videoID => videoID == video.id.videoId) ? 'selected' : ''}`}

然后我得到这个错误: [!](插件 svelte)TypeError:无法设置未定义的属性“maintain_context”

我真的不明白为什么会这样。这似乎是使用 find 方法的结果，因为当我删除该函数时错误消失了。但它在 title 属性中起作用，所以它不能是函数的错误。

有人知道这里发生了什么吗？

Answer 1

在 Svelte 中，您使用类指令。更多 here .当表达式变为真时，将添加所选类。如果为假，则删除。

<li class="empty-button" ... 
class:selected={values.videos.length > 0 && values.videos.find(videoID => videoID == video.id.videoI)} ...>