zoukankan      html  css  js  c++  java
  • 饿了么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>
  • 相关阅读:
    单链表
    找最长最短字符串
    注解
    Json字符串
    java的反射机制
    java类的加载与加载器
    String StringBuilder StringBuffer
    查看运行某类时当前的进程状态
    迷宫小游戏
    类的初始化过程、super关键字与函数绑定
  • 原文地址:https://www.cnblogs.com/sunsie/p/7325016.html
Copyright © 2011-2022 走看看