在html类中使用函数的严重错误

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

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

这很好用。但是,如果我在class属性中做同样的事情:

          <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属性中使用,因此这不是该函数的错。

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

wumeng521 回答:在html类中使用函数的严重错误

在Svelte中,您使用类指令。更多here。 当表达式为真时,将添加所选的类。或如果错误则删除。

<li class="empty-button" ... 
class:selected={values.videos.length > 0 && values.videos.find(videoID => videoID == video.id.videoI)} ...>
本文链接:https://www.f2er.com/3089079.html

大家都在问