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

Question

<el-table-column

      label="业务系统"
      width="100"
      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()
  },

题目描述

题目来源及自己的思路

相关代码

粘贴代码文本（请勿用截图）

你期待的结果是什么？实际看到的错误信息又是什么？

Answer 1

1: 给el-popover加个v-if 比如v-if="scope.row.showPop"
2: 点击某一行时改变时改变属性 showPop = true