WeChatウィジェットpickerセレクタにobjectが現れます.

1888 ワード

js.  単純に2つの配列を定義します.
// pages/home/home.js
const app = getApp();
Page({
  data: {
    lesson: ['  ', '  ', '  ', '  '],
    index: 0,
  },
  /***       --      */
  onLoad: function (options) {
    var that = this;
    var courselist = [
      {
        id: 1,
        title: '    ',
        keshi: '2',
        startime: '03 20 12:00',
        img: "../../resource/images/icon/delet01.png"
      }, {
        id: 2,
        title: '   ',
        keshi: '2',
        startime: '03 20 16:00',
        img: "../../resource/images/icon/delet02.png"
      },
      {
        id: 3,
        title: 'PC ',
        keshi: '2',
        startime: '03 20 18:00',
        img: "../../resource/images/icon/delet02.png"
      }
    ];
    //     
    that.setData({
      courselist: courselist,
    })
  },
  onChangeLessonTab(e) {
    console.log('picker      ,    ', e.detail.value)
    this.setData({
      index: e.detail.value
    })
  },
})
rangeは配列名であり、valueは元素の下付き標的であり、range-keyは配列オブジェクトがobjectの場合、簡単に言えば二次元配列である.
一つは、picker選択器が2桁の配列の中のtitleを持って選択する必要がある場合、レンゲ-key属性を使用して、次のように書く必要がある.

         :
     
         {{courselist[index].title}}
     
 第二に、もしpickerセレクタに必要な配列がlessonのような配列であれば、簡単に多く、range-key属性を使う必要がなく、次のように書く.

         :
     
          {{lesson[index]}}