饿了么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>