vue3中,传递属性、插槽

83 阅读1分钟

封装修改基础功能组件样式

在有不修改原有组件功能,或拓展原有组件功能时,只修改其样式,可以如下使用

  <div class="my-table table-base-style" :class="[tStyle]">
    <C-Table v-bind="$attrs">
      <template
        v-for="(slotKey, slotIndex) in Object.keys($slots)"
        :key="slotIndex"
        #[slotKey]="params"
      >
        <slot :name="slotKey" v-bind="params"></slot>
      </template>
    </C-Table>
  </div>