WeChatウィジェットpickerセレクタにobjectが現れます.
1888 ワード
js. 単純に2つの配列を定義します.
一つは、picker選択器が2桁の配列の中のtitleを持って選択する必要がある場合、レンゲ-key属性を使用して、次のように書く必要がある.
// 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]}}