HTML5技术

Omi教程-使用group-data通讯 - 【当耐特】

字号+ 作者:H5之家 来源:H5之家 2017-02-17 09:00 我要评论( )

写在前面 Omi框架组建间的通讯非常遍历灵活,上篇文章介绍了几种通讯方式,其中childrenData的方式可以批量传递数据给组件,但是有很多场景下data的来源不一定非要都从childrenData来,childrenData是个数组,会和组件的顺序一一对应,这就给不同传递方式的d

写在前面

Omi框架组建间的通讯非常遍历灵活,上篇文章介绍了几种通讯方式,其中childrenData的方式可以批量传递数据给组件,但是有很多场景下data的来源不一定非要都从childrenData来,childrenData是个数组,会和组件的顺序一一对应,这就给不同传递方式的data必须全部集中的childrenData中,非常不方便。

这篇介绍下group-data通讯,专门为解决上面的痛点而生,看名字就知道group-data专门是为了给一组组件批量传递data。

group-data通讯

.App (data) .]() .);

只需要在声明的子组件上标记group-data,就会去当前组件的instance(也就是this)下面找对应的属性,然后根据当前的位置,和对应数组的位置会一一对应起来。

运行结果如下:

在线试试->group-data

招募计划




 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • canvas交互之addHitRegion()接口的使用 - rouji

    canvas交互之addHitRegion()接口的使用 - rouji

    2017-02-17 09:01

  • 使用 position:sticky 实现粘性布局 - ChokCoco

    使用 position:sticky 实现粘性布局 - ChokCoco

    2017-02-16 14:01

  • Omi教程-组件通讯 - 【当耐特】

    Omi教程-组件通讯 - 【当耐特】

    2017-02-14 15:01

  • Omi教程-组件 - 【当耐特】

    Omi教程-组件 - 【当耐特】

    2017-02-13 13:11

网友点评
i