在写一个custom tag时,因为内部的东西比较多,所以在父tag中使用了子tag,但是在生成的代码中发现,riot 会保存tag在HTML代码中。这样就会造成某些css结构上的破坏,因为多了一个标
在写一个custom tag时,因为内部的东西比较多,所以在父tag中使用了子tag,但是在生成的代码中发现,riot 会保存tag在HTML代码中。这样就会造成某些css结构上的破坏,因为多了一个标签。于是在riot的github上 问了一下,原来有一个 data-is
的属性可以使用。示例代码类似于:
<parent-tag> <ul> <li each={item in opts.items}>{item.name}</li> <li data-is="child-tag" other_data={opts.other}</li> </ul></parent-tag><child-tag> <li>{opts.other}</li></child-tag>
data-is的值是子tag的名字。如果要传递其它的数据,可以直接使用带 {}
属性。很简单,不错。