vant 弹出dialog进行单选回传数据

您可以使用以下代码实现：

1. 在需要弹出dialog的地方，调用vant的Dialog组件：

<template>
  <div>
    <van-button @click="showDialog">弹出dialog</van-button>
  </div>
</template>

<script>
import { Dialog } from 'vant';

export default {
  methods: {
    showDialog() {
      Dialog({
        title: '请选择',
        options: [
          { name: '选项1', value: 1 },
          { name: '选项2', value: 2 },
          { name: '选项3', value: 3 },
        ],
        closeOnClickOverlay: true,
        onSelect: (option) => {
          this.handleSelect(option);
        },
      });
    },
    handleSelect(option) {
      // 处理选择的数据
      console.log(option);
    },
  },
};
</script>

2. 在Dialog组件中，设置options参数为一个数组，数组中每个元素为一个选项，包含name和value属性。设置onSelect回调函数来处理选择的数据。在回调函数中，可以将选择的数据传递给父组件。

参考文档：https://vant-contrib.gitee.io/vant/#/zh-CN/dialog#dan-xuan-xuan-ze-gong-nen