index.ts 521 B

1234567891011121314151617181920212223242526272829
  1. import { ElCol } from "element-plus";
  2. import { h, defineComponent } from "vue";
  3. // 封装element-plus的el-col组件
  4. export default defineComponent({
  5. name: "ReCol",
  6. props: {
  7. value: {
  8. type: Number,
  9. default: 24
  10. }
  11. },
  12. render() {
  13. const attrs = this.$attrs;
  14. const val = this.value;
  15. return h(
  16. ElCol,
  17. {
  18. xs: val,
  19. sm: val,
  20. md: val,
  21. lg: val,
  22. xl: val,
  23. ...attrs
  24. },
  25. { default: () => this.$slots.default() }
  26. );
  27. }
  28. });