uniapp 点击单选/栏目单选

效果图：

![在这里插入图片描述](https://img-blog.csdnimg.cn/20210707094359520.png#pic_center)

这里只为了告诉大家工作原理，所以一切从简，有不对或者更好的方法希望大家指点一下！

<view class="list">
	<label v-for="(item,index) in list" :key="index" :class=" { labelStyle : curlabel === index }  " @click="dom(index)">{{item.name}}</label>
</view>

labelStyle 就是选中后添加的 class 样式可以自己随意编辑 这里我就不写了

js

<script>
 export default {
   data(){
     return {
		curlabel :0,
		list:[
			{id:0,name:"大份"},
			{id:0,name:"中份"},
			{id:0,name:"小份"}
		]
	}
	   },
    onLoad(){
     },
    methods: {
    
		dom(index){
		this.curlabel = index
}

     }
 }
</script>

curlabel 可设置默认选中 为0 是第一个 为-1者不选中