/static/swipers/${item.name}
" mode="heightFix" class="swiper-image"></image>
</swiper-item>
</swiper>
<view class="content-box">
<uni-data-picker
localdata="items"
popup-title="请选择班级"@change="onchange"
@nodeclick="onnodeclick"
v-model="selectedValue"></uni-data-picker>
</view>
</template>
<script setup>
// let text = ref('一年级')
// let value = ref('1-0')
let items = reactive([
{
text: "一年级",
value: "1-0",
children: [
{
text: "1.1班",
value: "1-1"
},
{
text: "1.2班",
value: "1-2"
}
]
},
{
text: "二年级",
value: "2-0",
children: []
},
{
text: "三年级",
value: "3-0",
children: []
}
])
const images = ref(
[{ "id": 1, name: '1.webp' },
{ "id": 2, name: '2.webp' },
{ "id": 3, name: '3.webp' },
{ "id": 4, name: '4.webp' }]
)
let selectedValue = reactive({
value: '1-0',
// 可能还有其他属性,如 label, children 等,具体取决于 uni-data-picker 的要求
});
const onchange = (e) => {
console.log('Changed value:', e.detail);
// first_value.value = e.detail.value
}
const onnodeclick = (node) => {
console.log(node)
}
</script>
1 个回复
DCloud_UNI_yuhe
你的
localdata="items"
需要这样:localdata="items"