[riot.js]data-is属性使用

2019独角兽企业重金招聘Python工程师标准>>>

在写一个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的名字。如果要传递其它的数据，可以直接使用带 {} 属性。很简单，不错。

转载于:https://my.oschina.net/limodou/blog/681293