<van-popup v-model="classPicker" position="bottom">
<van-picker
show-toolbar
:columns="classList" //对象数组
value-key = "className" //定义classList中的属性做选项
@confirm="setStudentClass" //确定后调用的函数
@cancel="classPicker = false"
/>
</van-popup>
async getClassFun() {
const classList = await getMyTearchList(); //获取接口数据
//picker选择器加了value-key参数,可以不用这一步
this.classList = classes.data.map(item => {
const classCode = item.classCode;
const text = item.className;
return {
text, //必须用text变量表示选择器中的选项,其他的没有要求
classCode
};
});
}
},