shadcn-vue DropdownMenu DropdownMenuRadioGroup选中事件

Shadcn-vue库中的DropdownMenu和DropdownMenuRadioGroup组件都是Vue单选下拉菜单相关的组件。DropdownMenu通常是一个包含多个选项的弹出菜单，而DropdownMenuRadioGroup则是专门用于处理单选选项的下拉框。

当你选择DropdownMenu中的某个选项时，它会触发`on-select`或`@select`这类事件，这通常是自定义事件，传递给组件的值就是所选项的值。对于DropdownMenuRadioGroup，由于它是单选的，所以当用户点击某一选项时，只会有一个选项被选中，并触发`on-radio-change`或`@radio-change`事件，这个事件通常会返回当前选中的radio的key或value。

例如，你可以这样监听事件：

<template>
  <DropdownMenuRadioGroup v-model="selectedValue" @radio-change="handleRadioChange">
    <DropdownMenuItem value="option1">Option 1</DropdownMenuItem>
    <DropdownMenuItem value="option2">Option 2</DropdownMenuItem>
  </DropdownMenuRadioGroup>
</template>

<script>
export default {
  data() {
    return {
      selectedValue: '',
    };
  },
  methods: {
    handleRadioChange(value) {
      this.selectedValue = value; // 更新数据模型或执行其他操作
    },
  },
};
</script>