zoukankan      html  css  js  c++  java
  • elementUI,Popover 弹出框,里面的表格点击后关闭弹窗

    结论:使用  this.$refs.popover4.showPopper = false; 或者 document.body.click()

    <template>
      <div class="icon-body">
        <el-popover ref="popover4" placement="right" width="150" trigger="click">
          <el-table :data="gridData" @cell-click="copyClick">
            <el-table-column
              width="100"
              property="name"
              label="姓名"
            ></el-table-column>
          </el-table>
          <el-button
            slot="reference"
            type="primary"
            style=" 200px; margin-bottom: 20px"
            >按钮</el-button
          >
        </el-popover>
      </div>
    </template>
    
    <script>
    export default {
      name: "IconSelect",
      data() {
        return {
          gridData: [
            {
              date: "2016-05-02",
              name: "王小虎",
              address: "上海市普陀区金沙江路 1518 弄",
            },
            {
              date: "2016-05-04",
              name: "王小虎",
              address: "上海市普陀区金沙江路 1518 弄",
            },
            {
              date: "2016-05-01",
              name: "王小虎",
              address: "上海市普陀区金沙江路 1518 弄",
            },
            {
              date: "2016-05-03",
              name: "王小虎",
              address: "上海市普陀区金沙江路 1518 弄",
            },
          ],
        };
      },
      methods: {
        copyClick(row, column, cell, event) {
          this.$refs.popover4.showPopper = false;
          // document.body.click()
        },
      },
    };
    </script>

    参考:https://www.cnblogs.com/js-liqian/p/12092514.html

  • 相关阅读:
    python入门-函数(二)
    python入门-函数(一)
    python入门-WHILE循环
    python入门-用户输入
    python入门-字典
    Spring Security授权 AccessDecisionManager
    Java的性能优化
    datahub
    vbs mytest
    spring发布和接收定制的事件(spring事件传播)
  • 原文地址:https://www.cnblogs.com/jervy/p/13962163.html
Copyright © 2011-2022 走看看