求帮助 怎么默认选中按钮一并显示内容111
<template>
<view style="display: flex;flex-direction: column">
<block v-for="(item,index) in list" :key="index">
<view style="margin-bottom:50px;display:flex;flex-direction:column">
<span>id:{{item.id}}</span>
<span>{{item.name}}</span>
<view>
<block v-for="(item2,index2) in anniu" :key="index2">
<span style="margin-right:20px" @click="getShow(item.id,item2.type)">{{item2.name}}</span>
</block>
</view>
<span v-if="item.id==id&&type==0" >{{item.con}}</span>
<span v-if="item.id==id&&type==1" >{{item.con2}}</span>
</view>
</block>
</view>
</template>
<script>
export default{
data(){
return{
list:[
{"id":"1","name":"列表1111","con":'内容11111111111',"con2":'内容2222222'},
{"id":"2","name":"列表2222","con":'内容11111111111',"con2":'内容2222222'}
],
anniu:[
{"name":"按钮一","type":"0"},
{"name":"按钮二","type":"1"}
],
id:'',
type:''
}
},
methods:{
getShow(id,type){
this.id = id;
this.type = type
}
},
}
</script>
1 个回复
小枫叶 - 外包接单加v:wlmk1234567 注明来意
做个循环,数据中带个选中的选项,isSelect 循环数据的时候,将第一个设置为true,其他设置为false 操作哪个就设置哪个为true,其他为false 仅做参考