x***@vip.qq.com
x***@vip.qq.com
  • 发布:2022-02-27 22:54
  • 更新:2022-02-27 23:43
  • 阅读:375

uniapp循环出来的选项卡默认怎么选中

分类:uni-app

求帮助 怎么默认选中按钮一并显示内容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>  
2022-02-27 22:54 负责人:无 分享
已邀请:
小枫叶

小枫叶 - 外包接单加v:wlmk1234567 注明来意

做个循环,数据中带个选中的选项,isSelect 循环数据的时候,将第一个设置为true,其他设置为false 操作哪个就设置哪个为true,其他为false 仅做参考

该问题目前已经被锁定, 无法添加新回复