//tamplate中
<uni-data-picker
class="select"
placeholder="请选择"
:localdata="pointTree"
v-model="partitionId"
:clear-icon="false"> </uni-data-picker>
//script中
return {
pointTree: [{
text: "一年级",
value: "1-0",
children: [
{
text: "1.1班",
value: "1-1"
},
{
text: "1.2班",
value: "1-2"
}
]
},
{
text: "二年级",
value: "2-0"
},
{
text: "三年级",
value: "3-0"
}]
}
},
使用官方的源数据,但是页面无法展示。
原因:v-model绑定的数据没有初始值;
解决办法: 给定一个初始值即可正常展示。
在Vue的uni-app项目中,使用uni-data-picker组件时遇到问题,页面无法显示数据。原因是v-model绑定的partitionId没有初始值。为了解决这个问题,只需给partitionId赋予一个默认值,即可正常展示localdata中的数据,如一年级的班级选择列表。
4172





