热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

Svelte条件元素类报告为语法错误

如何解决《Svelte条件元素类报告为语法错误》经验,为你挑选了1个好方法。

if根据Svelte指南针对if块制作一个块。看起来很简单,但是Svelte认为这是语法错误:

[!] (svelte plugin) ParseError: Unexpected character '#'
public\js\templates\works.html
3:     
4: {#each works as work, index} 5:
^ 6: 7:

为什么{#if index === currentIndex }无效?我该如何在Svelte做有条件的?

我不能class=每个可能的结果创建单独的块,但这是大量的工作。



1> Rich Harris..:

块({#if...{#each...等)不能在属性内部使用-它们只能定义标记的结构。

相反,约定是使用三元表达式...

...或使用助手:


有些人更喜欢使用data-selected={index === currentIndex}和选择data=first={index === 0}基于[data-selected=true]选择器的样式。


推荐阅读
author-avatar
激越工作室
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有