element ui的 popover弹框问题

水爷不水
  • 37

需求是在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>
      

clipboard.png

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

回复
阅读 6.8k
2 个回答
两种方法:
 1.点击按钮 加上这属性: slot="reference"
 2.有v-if的,把v-if改为v-show
宣传栏