1***@163.com
1***@163.com
  • 发布:2024-07-02 09:49
  • 更新:2024-07-02 10:38
  • 阅读:31

uni-data-piker 结合vue3 响应式二级联动 ,请问以下代码错在哪儿

分类:uni-app x
<template> <swiper class="container" :indicator-dots="true" :autoplay="true" :interval="3000"> <!-- 轮播图 --> <swiper-item class="swiper-item" v-for="(item, id) in images" :key=id> <image :src="/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>

2024-07-02 09:49 负责人:无 分享
已邀请:
DCloud_UNI_yuhe

DCloud_UNI_yuhe

你的localdata="items" 需要这样 :localdata="items"

要回复问题请先登录注册