重要属性

$$id是一个非常重要的属性,通过该属性,我们能够获自定义的组件实例

设置数据

const Pager = require('components/aotoo/core')

Pager({
  data: {
    // page.item设置data子属性数据,可以使用该子属性的key值作为实例抓取ID
    aitem: Pager.item({
      title: ''
    }),

    // page.list设置data子属性数据,可以使用该子属性的key值作为实例抓取ID
    alist: Pager.list({
      data: [....]
    }),

    // 下面的list没有$$id属性,但子元素有$$id属性
    listData: {
      data: [
        {title: '标题内容1', $$id: 'mytitle'}, // mytitle为实例抓取ID
        {title: '标题内容2'}
      ]
    }
  }
})

模板


<!-- 必须使用 aotoo 定义的item组件 -->
<ui-item item="{{aitem}}" />

<!-- 必须使用 aotoo 定义的list组件 -->
<ui-list list="{{alist}}"/>

<!-- 必须使用 aotoo 定义的list组件 -->
<ui-list list="{{listData}}"/>

实例抓取

onReady(){
  //
  const aitem = Pager.getElementsById('aitem')   // yes
  const alist = Pager.getElementsById('alist')  // yes
  const mytitle = Pager.getElementsById('mytitle')   // yes
  const listData = Pager.getElementsById('listData')

  // 更新aitem的内容
  // title允许设置为数组
  aitem.update({ 
    title: [
      '新-标题内容1',
      '新-标题内容2',
    ] 
  })  

  console.log(listData) // undefined,该列表没有$$id属性,不能被抓取
}