el-table中使用el-popover弹出层弹出自定义组件时如何才能在点击的时候才调用组件，而不是一上来全加载

Z时代
2024-02-29
分类：IT

<el-table-column

      label="业务系统"
      prop="business_count"
      sortable="custom" >
      <template slot-scope="scope">
        <el-popover ref="popover1" placement="right">
          <business-system-select
            ref="systemTree"
            :system-id="scope.row.id"
          />
          <el-button
            slot="reference"
            type="text"
            style="margin-left: 50px"
            @click="getBusinessList()"
          >
            {{ scope.row.business_count }}
          </el-button>
        </el-popover>
      </template>
    </el-table-column>
    js:
      getBusinessList() {
    this.$refs['systemTree'].getList()
  },