index.vue 526 B

123456789101112131415161718192021
  1. <template>
  2. <div class="flex ">
  3. <!-- 模式 -->
  4. <Mode class="flex-none" @generate-music="generateMusic"/>
  5. <!-- 音频列表 -->
  6. <List ref="listRef" class="flex-auto"/>
  7. </div>
  8. </template>
  9. <script lang="ts" setup>
  10. import Mode from './mode/index.vue'
  11. import List from './list/index.vue'
  12. defineOptions({ name: 'Index' })
  13. const listRef = ref<Nullable<{generateMusic: (...args) => void}>>(null)
  14. function generateMusic (args: {formData: Recordable}) {
  15. unref(listRef)?.generateMusic(args.formData)
  16. }
  17. </script>