uniapp怎么实现单选

在uniapp中，可以通过以下步骤实现单选：

1. 在data中定义一个变量selected，用于记录选中的选项。

2. 在页面中使用v-for指令渲染出选项，并绑定一个click事件。

3. 在click事件中，将当前选项的value值赋值给selected变量。

4. 在渲染选项时，根据selected变量的值，动态添加一个selected类名，用于标识当前选中的选项。

以下是示例代码：

<template>
  <div>
    <div v-for="(item, index) in options" :key="index" @click="selectOption(item.value)" :class="{selected: selected === item.value}">
      {{ item.label }}
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      options: [
        { label: '选项1', value: 1 },
        { label: '选项2', value: 2 },
        { label: '选项3', value: 3 }
      ],
      selected: null
    }
  },
  methods: {
    selectOption(value) {
      this.selected = value
    }
  }
}
</script>

<style>
.selected {
  background-color: #ccc;
}
</style>

在上面的示例代码中，当用户点击一个选项时，该选项的value值会被赋值给selected变量。同时，根据selected变量的值，动态添加或删除selected类名，用于标识当前选中的选项。