element-UI动态的循环生成Popover弹出框的方法

父组件：
<div class="itemLi" :class="{gray: (salse.flashsaleStatus==3 || salse.flashsaleStock<1), red:salse.flashsaleStatus==2, yellow:salse.flashsaleStatus==1}"
v-for="(salse, rindex) in item.fList " :key="rindex">
　　<span class="dian"></span>
　　<PlanDialog :data="salse" :option="'view'" @saveSuccess="saveSuccess"></PlanDialog>
</div>

子组件：
<template>
  <el-popover trigger="click" placement="right" @show="init" @hide="clear_param" v-model="planShow">
　　<div class="tc_content">
　　　　这是一段内容。。。。
　　</div>
　　<el-tag slot="reference" class="name-wrapper">{{data.ruleName?data.ruleName:'添加新的项'}}</el-tag>
  </el-popover>
</template>