直接使用官网的例子,把dataTree改为单层(没有children),加上readonly属性就能复现。
<template>
<view>
<uni-section title="本地数据" type="line" padding style="height: calc(100vh - 100px);">
<uni-data-picker placeholder="请选择班级" :localdata="dataTree" v-model="classes" readonly="true">
</uni-data-picker>
</uni-section>
</view>
</template>
<script>
export default {
data() {
return {
classes: '1-0',
dataTree: [{
text: "一年级",
value: "1-0"
},
{
text: "二年级",
value: "2-0"
},
{
text: "三年级",
value: "3-0"
}
]
}
}
}
</script>
<style>
</style>