在vue 中 element-ui table结合Popover使用
2024-10-19 14:32:47
在vue 中 element-ui table结合Popover使用
<el-table-column
label="操作"
>
<template slot-scope="scope">
<el-link type="primary" :underline="false" icon="el-icon-view" @click="deviceToDetail(scope.row)">详情</el-link>
<el-popover placement="top" width="300" :ref="`popover-${scope.$index}`">
<p>确定删除这个{{scope.row.name}}产品吗?</p>
<div style="text-align: right; margin: 0">
<el-button
size="mini"
@click="scope._self.$refs[`popover-${scope.$index}`].doClose()"
>取消</el-button>
<el-button type="primary" size="mini" @click="makeSure(scope)">确定</el-button>
</div>
<el-link
slot="reference"
:underline="false"
icon="el-icon-delete"
type="danger"
>删除</el-link>
</el-popover>
</el-table-column>
最新文章
- junit的学习
- ios 数据库存储json数据
- [Java] jackson注解
- 转:如何实现一个malloc
- Coding源码学习第四部分(Masonry介绍与使用(三))
- 信息加密之信息摘要加密MD2、MD4、MD5
- 【bzoj4027】[HEOI2015]兔子与樱花
- mysql 管理工具
- 如何用js来判断浏览器类型(ie,firefox)等等
- (七)7.2 应用机器学习方法的技巧,准确率,召回率与 F值
- Android 通过xml 自定义图片
- Linux自动备份MySQL数据库脚本代码
- mysql创建字段非空NOT NULL的好处
- Android的ProgressBar进度条-android学习之旅(三十一)
- mac电脑php+mysql+nginx+phpmyadmin环境搭建
- 字符串(string)的常用语法和常用函数
- python 全栈开发,Day5(字典,增删改查,其他操作方法)
- db2 v9.7 新特性cur_commit 能够实现未提交读新特性cur_commit 能够实现未提交读
- Python os.getcwd()
- JSP使用sessionScope获取session值
热门文章
- Android面试题《思考与解答》11月刊
- 想了解表格问答,我们先看看TA的前世
- Cloud-Native! 实战 Helm 3 部署 Traefik 2
- 20190626_二次开发BarTender打印机_C#代码_一边读取TID_一边打印_打印机POSTEK
- PyQt(Python+Qt)学习随笔:print标准输出sys.stdout以及stderr重定向QTextBrowser等图形界面对象
- 第二十章、QTableView与QStandardItemModel开发实战:展示Excel文件内容
- XFF SSTI 模板注入 [BJDCTF2020]The mystery of ip
- 读github,deepfm,pytorch源码 记录
- kickstart 谷歌 D 2020 年 7 月 12 日 13: 00 - 16: 00
- MyBatis if 标签的坑,居然被我踩到了。。。