zoukankan      html  css  js  c++  java
  • element popover 不显示/不隐藏问题解决方法

    html代码部分

    <el-table-column
      label="操作">
      <template slot-scope="scope">
        <el-button @click="checkUserInfoFn(scope.row.id)" type="text" size="small">查看</el-button>
        <el-button @click="editUserInfoFn(scope.row.id)" type="text" size="small">编辑</el-button>
        <el-button type="text" size="small" @click="scope.row.visible = true">删除</el-button>
        <el-popover
          placement="left"
          width=170
          v-model="scope.row.visible">
          <p>是否删除此用户信息?</p>
          <div style="text-align: right; margin-top: 10px;">
            <el-button size="mini" type="text" @click="scope.row.visible = false"></el-button>
            <el-button size="mini" type="primary" @click="scope.row.visible = false"></el-button>
          </div>
        </el-popover>
      </template>
    </el-table-column>

    js部分,最主要的是在表格数据中添加 visible: false 属性,用于控制每列的popover的显示/隐藏

    response.data.data.forEach(function(item){
        item.visible = false;
    })

    此番操作即可解决问题,但是我用的时候有个小问题,我的popover不显示指示箭头,就算我添加属性,它也不显示,而且设置显示的位置也无效,有待解决。难道在表格里不能这样处理吗?Orz

  • 相关阅读:
    C# 获取电脑SN号
    Windows 使用ffmpeg将MP4视频转换为m3u8格式
    C# 创建或打开TXT文件并逐行写入
    Dictionary通过下标获取key和value
    Winfrom 连接考勤机设备时界面假死
    Win 10操作系统快捷键
    SQL Server 2008 在表中插入新的字段
    什么是CSR
    Sql Server中的事务隔离级别
    Web验证方式(4)--JWT
  • 原文地址:https://www.cnblogs.com/muou2125/p/10689718.html
Copyright © 2011-2022 走看看