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

Vant Weapp 提供了一个名为 `van-checkbox` 的组件，它实现了类似单选切换的功能，你可以与 `van-field` 或其他基础元素结合使用，用于展示“是”或“否”的选择。要在 Vant Weapp 中创建一个可以选择是否的左右切换单选框，你可以按照以下步骤操作：

1. 首先，在项目中引入 `van-checkbox` 组件：

   <template>
     <van-field label="选择">
       <van-checkbox v-model="checkboxValue"></van-checkbox>
     </van-field>
   </template>

2. 在 Vue 单文件组件的 `data` 对象中初始化 `checkboxValue` 属性，初始值可以设为 `true` 或 `false`，取决于默认状态：

   data() {
     return {
       checkboxValue: true, // 默认是 '是'
     };
   }

3. 当 `checkboxValue` 改变时，你可以监听其变化，并根据实际值更新相应的文案：

   watch: {
     checkboxValue(newVal) {
       this.$emit('input', newVal ? '是' : '否');
     },
   },

4. 当外部组件需要响应这个单选框的选择时，可以在模板中添加 `@change` 事件监听器：

   <van-field label="选择" @change="handleChange">
     ...
   </van-field>
   
   methods: {
     handleChange(value) {
       console.log('当前选择:', value);
     },
   }

5. 最后，你可以使用 `van-form` 来组织整个表单，如果需要多个这种类型的切换项，只需在其中添加多个 `van-checkbox` 就行。