饿了么UI框架element的表格多个弹窗问题

                <el-table-column label="操作">
                    <template scope="scope">
                        <el-button size="small" @click="deleteApplication(scope.$index, scope.row)">编辑</el-button>
                        <el-button size="small" @click="deleteApplication(scope.$index, scope.row)">删除</el-button>
                        <el-popover placement="right" width="200" trigger="hover">
                            <el-table :data="gridData">
                            <el-table-column width="100" property="name" label="姓名"></el-table-column>
                            <el-table-column width="100" property="age" label="地址"></el-table-column>
                            </el-table><el-button size="small"  slot="reference">成员</el-button>
                        </el-popover>
                    </template>
                </el-table-column>

 

UI框架里书写弹窗默认是如此的,如果是在表格里需要循环展示数据每个都有弹窗的话 需要写成上面这种方式

<el-popover
  ref="popover1"
  placement="top-start"
  title="标题"
  width="200"
  trigger="hover"
  content="这是一段内容,这是一段内容,这是一段内容,这是一段内容。">
</el-popover>

 

posted @ 2017-08-09 14:15  sunsian  阅读(1746)  评论(0编辑  收藏  举报