element ui的 popover弹框问题

Question

需求是在table表格中，商品如果有关联商品，可以点击查看，代码和截图如下

<el-table-column
            prop="sku"
            label="库存SKU"
            sortable
            show-overflow-tooltip
            width="240">
            <template slot-scope="scope">
              <el-popover
                ref="popover"
                placement="top"
                width="750">
                <el-table :data="scope.row.processArr">
                  <el-table-column width="250" property="dependencySkuId" label="库存SKU"></el-table-column>
                  <el-table-column width="400" property="skuNameZh" label="产品名称"></el-table-column>
                  <el-table-column width="50" property="quantity" label="数量"></el-table-column>
                </el-table>
              </el-popover>
              <a @click="editFn(scope.row)" style="color: #409EFF">{{scope.row.sku}}</a>
              <i class="el-icon-circle-plus-outline" v-popover:popover v-if="scope.row.processArr.length > 0"></i>
            </template>
          </el-table-column>
      

现在的问题是，刚进入页面可以点击图标显示popover里面的数据，但是用了搜索之后点击图标就失效了，而且控制台没有报错，求大神解答。

Answer 1

两种方法：
 1.点击按钮 加上这属性: slot="reference"
 2.有v-if的，把v-if改为v-show

Answer 2

特地登录表示感谢，换成v-show后解决了问题