首页 > 其他分享 >vue3 h函数应用,el-table-v2定义column

vue3 h函数应用,el-table-v2定义column

时间:2024-11-14 17:21:06浏览次数:1  
标签:el 函数 title column v2 rowData str

一、引入

import { h } from 'vue'

二、column属性cellRenderer使用h函数

h函数中嵌套Element组件Popconfirm

{
    title: '注释',
    width: 165,
    flexGrow:1,
    key: "str",
    dataKey: "str",
    cellRenderer: ({ rowData }: any) => {
        return [
            h("div",
            {
                style: { display: 'flex', alignItems: "center"}
            },
            [
             h("span", { className: "title" }, `${rowData.str}` ), 
            h(ElPopconfirm,{
                title: "确定 ?",
                width: 172,
                onConfirm: () => func(rowData),
            },{
                reference: () => h(Shutdown, { title: '关机'}),
            })

            ]
            ),
        ]
    }
  },

标签:el,函数,title,column,v2,rowData,str
From: https://www.cnblogs.com/wutong-211/p/18546441

相关文章

  • python自动化之selenium
    python+seleniumselenium是一个第三方库,python有很多库;1、什么是ui自动化?通过模拟手工操作用户ui页面的方式,用代码去实现自动化操作和验证的行为。2、ui自动化的优点?(1)解决重复性的功能测试和验证(2)减少测试人员在回归测试时用例漏测和验证点的漏测(3)减少冒烟测试,回归测试的......
  • jenkins打包报错Build step 'Execute shell' marked build as failure Finished: FA
    1、jenkins打包报错  处理方式1、在步骤“Executeshell”命令最上面添加(还是报错)#!/bin/bash2、设置全局配置,添加键和值(还是报错)键:LANG值:zh.CH.UTF-83、设置全局配置,添加键和值(还是报错)键:JAVA_TOOL_OPTIONS值:-Dfile.encoding=UTF-84、cat /usr/lib/systemd/sys......
  • springboot导入EXCEL数据10+浏览器等待超时问题
    解决办法异步导入法:前台js解决思路:调用导入按钮后,把前台相应的操作按钮置为不可用,每个10秒查询一次导入结果返回值,直到查询到导入成功或失败的返回值后,将后续的操作按钮置为可用状态关键代码如下:com.langyashi.dialog.asyncImportExcel({ctx:"${ctx}",......
  • # issue 2 选择排序(Selection Sort)
    目录一、SelectionSort的基本思路二、SelectionSort的各个复杂度三、SelectionSort的实现四、实验结果(输出结果)一、SelectionSort的基本思路通过n-i次关键字之间的比较,从n-i+1个记录中选出关键字最小(最大)的记录,并和第i(1<=i<=n)个记录交换嗯,说人话就是例如从......
  • Docker部署Reids哨兵模式集群(sentinel)
    一、下载redis镜像二、redis主库配置redis.conf绑定的IP地址和端口bind0.0.0.0必须使用6379,因为容器内默认是6379端口port6379设置密码requirepass123456启用持久化appendonlyyes三、主库sentinel配置sentinel.confprotected-modeno配置端口号,各个节点不能相同......
  • Shopee怎么使用BigSeller ERP批量上架产品,实操流程来了
    Shopee批量上架产品主要有以下几种方法:①、使用ShopeeSellerCentre:下载批量上传模板:登录Shopee卖家中心,在“我的商品”页面中,单击“新增商品”右侧的“批量工具”,选择下拉菜单中的“批量上传”进入商品批量上传页面,然后点击“下载”按钮,下载商品上传表格至本......
  • TikTok采集产品_如何用BigSeller快速采集TikTok产品?
    随着TikTok在东南亚市场的持续增长和开放更多功能,越来越多的卖家开始转向本土店运营,因为TikTok本土店有更多的优势。在这种情况下,卖家需要了解如何在TikTok上运营本土店,并利用BigSeller等工具来高效运营和管理店铺。利用BigSeller高效上品,采集刊登TikTok小店卖家中心上品复......
  • 记录一次elasticsearch 快速复制100w测试数据
    背景优化导出功能开发环境自测大数据量导出时间以及内存使用情况挑战100w20min之内完成作为开发当碰到这样的产品....哎为了挣钱咬咬牙干吧。在服务稳定的前提完成导出;不能对线上服务造成损失前提。宁可时间不达标也不能搞坏服务。此篇博客只是为了记录方便下次遇到不......
  • elementPlus中的el-tree
    将接口返回的数据整理成组件支持的数据结构接口返回的数据格式:[{"id":767947,"appName":"生生世世","appBundle":"cds","appStore":2,"link":"www.baidu.com","accountId":"3,68","......
  • logstash multi-pipeline
    已知的在一个管道中实现多个独立流的方法是使用条件判断。主要方式是在输入部分通过标签标记(type)事件,然后在过滤器中和输出阶段创建条件分支,对贴有不同标签的事件,应用不同的插件集。这样很容易形成条件地狱。logstash生产使用版本7.9.x,支持multi-pipeline,通过pipeline配......