html
<view class="form-item">
<text class="title">选择课程</text>
<picker mode="selector"
name="course_id"
@change="bindCourseChange"
:value="courseIndex"
:range="courseArray"
class="selectBox"
range-key="cname">
<view class="content">
{{ courseIndex === -1 ? '请选择' : courseArray[courseIndex].cname }}
</view>
</picker>
</view>
js
export default {
data() {
return {
courseIndex: -1,
courseArray: [
{
course_id:Number(cdata[i].course_id),
cname:cdata[i].cname
}
],
}
},
methods: {
bindCourseChange(e) {
console.log('课程选择:', e.target.value);
this.courseIndex = e.target.value;
}
}
}