SrpElement.vue 574 B

123456789101112131415161718192021222324252627282930
  1. <style></style>
  2. <template>
  3. <!-- 动态生成对应组件 -->
  4. <component :is="currentComponent" :config="config"/>
  5. </template>
  6. <script>
  7. import SrpLabel from './srpElement/label';
  8. export default {
  9. name: "SrpElement",
  10. components: {
  11. SrpLabel,
  12. },
  13. props: {
  14. config: Object,
  15. type: String,
  16. },
  17. data() {
  18. return {};
  19. },
  20. computed: {
  21. currentComponent() {
  22. let formatName = this.type.charAt(0).toUpperCase() + this.type.slice(1)
  23. return 'Srp' + formatName;
  24. }
  25. }
  26. }
  27. </script>