vue3.x 作用域插槽

// 1. 在組件中定義插槽

      // v-slot指令是Vue2.6之后，作用域插槽的新語法，舊語法現在還保留，但3.0之后會移除。推薦新語法，簡便寫法是#son="{user}"
      // 這里的#default是element-plus默認的作用域插槽
          <template #default="scope">
            // 給插槽動態的綁定屬性名稱  並且把當前行的數據傳遞出去 接收的數據時名稱也應為rows
            <slot :name="item.slotName" :rows="scope.row">
              {{ scope.row[item.prop] }}
            </slot>
          </template>


// 2. 在父組件中
      //  給名稱為status的插槽替換數據
      <template #status="scope">
        // 對插槽傳遞過來的數據進行處理
        <el-button>{{ scope.rows.enable ? "啟用" : "禁用" }}</el-button>
      </template>