[riot.js] 如何向子Tag传递父Tag中的数据

最新推荐文章于 2025-09-05 14:01:23 发布

转载最新推荐文章于 2025-09-05 14:01:23 发布 · 174 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/limodou/blog/680153

文章标签：

#python

本文探讨了在使用Riot.js框架时，如何在子组件的循环结构中正确访问父组件的属性，例如获取父级的items长度。

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

使用riot遇到一个问题，如以下示例：

<html>
  <head>
    <title>Riot Demo</title>
  </head>
  <body>

    <script type="riot/tag">
      <cards>
        <ul>
          <card each={opts.items} data={this} width={parent.opts.items.length}></card>
        </ul>
      </cards>

      <card>
        <li class="card">{opts.data.name}-{opts.width}</li>
      </card>
    </script>

    <cards></cards>

    <script src="bower_components/riot/riot+compiler.min.js"></script>
    <script>
      riot.mount('cards', {'items':[{name:'abc'}, {name:'def'}]})
    </script>
</html>

当我想在 card 中使用父标签的 items.length 时如何处理。这里我使用了 parent.opts.items.length ，即parent不能省。

BTW: