侧边栏壁纸
博主头像
落叶人生博主等级

走进秋风,寻找秋天的落叶

  • 累计撰写 130562 篇文章
  • 累计创建 28 个标签
  • 累计收到 9 条评论
标签搜索

目 录CONTENT

文章目录

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

2024-05-13 星期一 / 0 评论 / 0 点赞 / 81 阅读 / 855 字

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

广告 广告

评论区