위 챗 애플 릿 picker 선택 기 object

2022 단어 기초
js  두 배열 을 간단하게 정의 합 니 다.
// 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 인 상황 에서 쉽게 말 하면 2 차원 배열 입 니 다.
첫째, picker 선택 기 가 두 배열 의 title 을 선택 하려 면 range - key 속성 을 사용 해 야 합 니 다. 작성 방법 은 다음 과 같 습 니 다.

         :
     
         {{courselist[index].title}}
     

 둘째, picker 선택 기 에 필요 한 배열 이 lesson 과 유사 한 배열 이 라면 간단 하고 range - key 속성 을 사용 하지 않 아 도 됩 니 다. 작성 방법 은 다음 과 같 습 니 다.

         :
     
          {{lesson[index]}}
     

좋은 웹페이지 즐겨찾기