index.vue 560 B

123456789101112131415161718192021222324
  1. <template>
  2. <el-scrollbar>
  3. <template v-for="group in groupList" :key="group.groupName">
  4. <form-component-group :group="group" @add="add"></form-component-group>
  5. </template>
  6. </el-scrollbar>
  7. </template>
  8. <script>
  9. import { ElScrollbar } from 'element-plus'
  10. import FormComponentGroup from './group'
  11. export default {
  12. name: 'FormComponents',
  13. components: { FormComponentGroup, ElScrollbar },
  14. props: {
  15. groupList: Array
  16. },
  17. setup (props, { emit }) {
  18. const add = (row) => {
  19. emit('add', row)
  20. }
  21. return { add }
  22. }
  23. }
  24. </script>