index.vue 567 B

1234567891011121314151617181920
  1. <script setup lang="ts">
  2. import { ref } from "vue";
  3. import radioSelectTable from "./radio/index.vue";
  4. import multipleSelectTable from "./multiple/index.vue";
  5. const model = ref("radio");
  6. </script>
  7. <template>
  8. <el-space>
  9. <el-radio-group v-model="model">
  10. <el-radio-button value="radio">单选</el-radio-button>
  11. <el-radio-button value="multiple">多选</el-radio-button>
  12. </el-radio-group>
  13. <el-divider direction="vertical" />
  14. <component
  15. :is="model === 'radio' ? radioSelectTable : multipleSelectTable"
  16. />
  17. </el-space>
  18. </template>