<template>
<div class='index'>
<uni-collapse :accordion="true" v-for="(v,i) in queryCaselist.list" :key='i' @change="change(queryCaselist.list[i].partyNo)">
<uni-collapse-item :title="'案件号:' + v.caseSerialNumber" >
<view style="padding: 30rpx;" v-for='(j,k) in queryCustomerPhonelist' :key='k' >
<view class="phonename">
<span>姓名:{{j.name}}</span>
<p>手机号:{{ j.phone}}</p>
</view>
</view>
</uni-collapse-item>
</uni-collapse>
</div>
</template>
<script>
export default {
data() {
return {
pageNum:1,
pageSize:10,
queryCaselist:{},
partyNo:'',
queryCustomerPhonelist:{}
}
},
onLoad() {
this.queryCasedata()
},
methods: {
change(val){
console.log('===',val)
this.partyNo = val
this.queryCustomerPhoneData()
},
async queryCasedata(){
this.queryCaselist = await this.$http.index.queryCase({
pageNum:this.pageNum,
pageSize:this.pageSize
})
console.log('res.list',this.queryCaselist)
},
async queryCustomerPhoneData(){
this.queryCustomerPhonelist = await this.$http.index.queryCustomerPhone({
partyNo:this.partyNo
})
},
}
}
</script>
<style>
@import url("@/common/less/page/index.less");
</style>
1层: uni-collapse 2层: view 3层uni-collapse-item
放多一个view,v-for放这个view里面, 直接放uni-collapse会没效果
你好,我是有问必答小助手。为了技术专家团更好地为您解答问题,烦请您补充下(1)问题背景详情,(2)您想解决的具体问题,(3)问题相关代码图片或者报错信息。便于技术专家团更好地理解问题,并给出解决方案。
您可以点击问题下方的【编辑】,进行补充修改问题。
<uni-collapse accordion v-model="accordionVal" @change="change">
v-for单独写一个view里 不要写在uni标签里