vant weappp 实现类似 与 Cell 组件一起使用 选择是否字样的左右切换单选框

Vant Weapp 是基于 Vue 的一套轻量级移动应用 UI组件库，它提供了一个名为 "van-cell" 的组件，可以方便地在列表中展示各种内容，包括开关、单选等交互元素。如果你想在 van-cell 中实现类似切换状态的选择，你可以使用 "van-switch" 组件。van-switch 允许用户通过滑动控制开关的状态，其默认显示文字描述，例如 "开" 和 "关"。

要在 van-cell 中使用 van-switch 并显示 "选择" 或 "未选择" 字样，你可以这样做：

1. 首先，在你的模板中引入 van-switch 组件：

<van-cell title="选择状态">
  <van-switch v-model="switchValue" @change="switchChange"></van-switch>
</van-cell>

2. 定义数据 `switchValue` 用于存储当前开关的状态，并设置初始值：

data() {
  return {
    switchValue: false,
  };
},

3. 创建 `switchChange` 方法处理开关状态的变化：

methods: {
  switchChange(value) {
    this.switchValue = value; // 更新状态
    if (value) {
      this.title = '已选择'; // 如果打开，标题改为 '已选择'
    } else {
      this.title = '未选择'; // 如果关闭，标题改为 '未选择'
    }
  },
},

4. 当 `switchValue` 发生变化时，会自动更新标题。