当前位置： 首页 > news >正文

模仿elementui的Table，实现思路

news 来源：原创 2025/5/25 16:30:52

vue2子组件使用render，给子子组件插槽传值
和elementui的Table一样使用render
在 Vue 2 中，子组件使用render函数向子子组件插槽传值可以通过以下步骤实现：

1、创建子组件
首先创建一个子组件，在子组件中使用render函数来渲染内容。在render函数中，可以通过this. s l o t s . d e f a u l t 获取父组件传递过来的默认插槽内容，通过 t h i s . slots.default获取父组件传递过来的默认插槽内容，通过this. slots.default获取父组件传递过来的默认插槽内容，通过this.scopedSlots获取父组件传递过来的具名插槽内容。

Vue.component('child-component', {render: function (createElement) {// 获取父组件传递的默认插槽内容var defaultSlot = this.$slots.default;// 获取父组件传递的具名插槽内容var namedSlot = this.$scopedSlots && this.$scopedSlots.slotName;return createElement('div', [createElement('p', '这是子组件'),// 渲染默认插槽内容defaultSlot,// 渲染具名插槽内容namedSlot && namedSlot()]);}
});

2、创建子子组件
创建一个子子组件，该组件接收一个prop属性来获取父组件传递的值。

Vue.component('sub-child-component', {props: ['message'],template: '<div>{{ message }}</div>'
});

3、使用子组件和子子组件
在父组件中使用子组件，并通过插槽向子组件传递内容。在子组件中，通过this. s l o t s . d e f a u l t 或 t h i s . slots.default或this. slots.default或this.scopedSlots获取插槽内容，并将其传递给子子组件。

<div id="app"><child-component><sub-child-component slot="slotName" message="这是传递给子子组件的值"></sub-child-component></child-component>
</div>

相关文章：

模仿elementui的Table，实现思路

vue2子组件使用render&#xff0c;给子子组件插槽传值 和elementui的Table一样使用render 在 Vue 2 中&#xff0c;子组件使用render函数向子子组件插槽传值可以通过以下步骤实现&#xff1a; 1、创建子组件 首先创建一个子组件&#xff0c;在子组件中使用render函数来渲染内容…...

编程日记 2025/5/25 16:30:52

Android Studio AI助手---Gemini

从金丝雀频道下载最新版 Android Studio&#xff0c;以利用所有这些新功能&#xff0c;并继续阅读以了解新增内容。 Gemini 现在可以编写、重构和记录 Android 代码 Gemini 不仅仅是提供指导。它可以编辑您的代码&#xff0c;帮助您快速从原型转向实现&#xff0c;实现常见的…...

编程日记 2025/5/25 2:33:56

大模型+安全实践之春天何时到来？

引子：距《在大模型实践旅途中摸了下上帝的脚指头》一文发布近一年，2024年笔者继续全情投入在大模型＋安全上，深度参与了一些应用实践，包括安全大模型首次大规模应用在国家级攻防演习、部分项目的POC直到项目落地，也推动了一些场景安全大模型应用从0到3的孵化上市。这一年也…...

编程日记 2025/5/25 14:25:03

ACL技术---访问控制列表

是一种策略。 对于网络中的流量而言&#xff0c;通常有两种处理方式 允许 拒绝 ACL 的原理 配置了 ACL 的网络设备会根据事先设定好的报文匹配规则对经过该设备的报文进行匹配&#xff0c;然后对报 文执行预先设定好的处理动作。 ACL 的功能 访问控制&#xff1a;在设备…...

编程日记 2025/5/25 15:19:53

第25周：文献阅读

目录 摘要 Abstract 文献阅读 现有问题 提出方法 创新点 方法论 实验研究 数据集 数据预处理 仿真实验 评价指标 实验结果分析 总结 摘要 本篇论文提出了一种基于深度学习框架的风速预测方法——SSA-BiLSTM网络&#xff0c;旨在提高风速预测的精确性。研究使…...

编程日记 2025/5/25 14:44:32

BiTCN-BiGRU基于双向时间卷积网络结合双向门控循环单元的数据多特征分类预测（多输入单输出）

Matlab实现BiTCN-BiGRU基于双向时间卷积网络结合双向门控循环单元的数据多特征分类预测&#xff08;多输入单输出&#xff09; 目录 Matlab实现BiTCN-BiGRU基于双向时间卷积网络结合双向门控循环单元的数据多特征分类预测&#xff08;多输入单输出&#xff09;分类效果基本描述…...

编程日记 2025/5/25 14:32:12

docker数据卷

什么是数据卷&#xff1f; 在容器中是无法通过vi命令对一个容器中的资源做修改的&#xff0c;这个时候就需要通过数据卷将文件中的内容映射到宿主机&#xff0c;在宿主机修改的文件会更新到容器中&#xff0c;并且容器被删除后不会把数据卷删除&#xff0c;数据卷中的数据会被持…...

编程日记 2025/5/25 15:11:47

Linux下基于最新稳定版ESP-IDF5.3.2开发esp32s3入门任务间的通讯-信号量【入门三】

继续上一篇任务创建 【Linux下基于最新稳定版ESP-IDF5.3.2开发esp32s3入门任务创建【入门二】-CSDN博客】 今天要实现再创建一个任务。【二值和互斥都进行测试】 ①、通过任务A发送一个信号量&#xff0c;另一个任务得到信号量后再发送helloworld。 ②、两个任务通过互斥信…...

编程日记 2025/5/25 16:21:02

使用C#绘制具有平滑阴影颜色的曼德布洛特集分形

示例使用复数类在 C# 中轻松绘制曼德布洛特集分形解释了如何通过迭代方程绘制曼德布洛特集：...

编程日记 2025/5/23 23:12:04

Unittest01|TestCase

一、入门 1、新建测试文件 打开pycharm→左上角新建项目→选择项目路径→选择python解释器→创建→点击新建好的项目&#xff0c;右键新建python文件→测试文件&#xff08;py文件&#xff09;命名必须以test开头 2、创建测试用例 定义测试类&#xff1a;导入unittest模块→…...

编程日记 2025/5/25 14:33:48

Django实现异步视图asyncio请求

随着现代Web应用程序对性能和响应速度的需求不断增加，开发者们越来越倾向于采用异步编程来提升应用的效率和用户体验。在传统的Web开发框架中，通常采用同步请求方式，这意味着每一个请求都需要等待前一个请求完成后才能继续处理。对于高并发的请求，可能会出现性能瓶颈。而Dj…...

编程日记 2025/5/25 16:01:58

Apache Samza开源的分布式流处理框架

Apache Samza 是一个开源的分布式流处理框架，用于处理实时数据流和分布式任务。它最初由 LinkedIn 开发，并在 2014 年捐赠给 Apache 软件基金会。Samza 的设计目标是为开发人员提供一个易用、可靠、高效的流处理工具。以下是其关键特点和架构的简介： 核心特点 简单的编程模…...

编程日记 2025/5/21 22:33:33

Linux实验报告5-shell脚本编程进阶

目录 一&#xff1a;实验目的 二&#xff1a;实验内容 1 编写脚本&#xff0c;实现将当前目录中所有子目录的名称输出到屏幕上。 2 首先以你的姓氏的拼音为开头在当前用户的主目录下新建3个文件和2个子目录&#xff0c;如zi1&#xff0c;zi2&#xff0c;zi3以及子目录zi.d和…...

编程日记 2025/5/24 10:18:57

YOLO系列正传（四）YOLOv3论文精解(下)——损失函数推导与其他优化项

系列文章 YOLO系列基础 YOLO系列基础合集——小白也看得懂的论文精解-CSDN博客 YOLO系列正传 YOLO系列正传&#xff08;一&#xff09;类别损失与MSE损失函数、交叉熵损失函数-CSDN博客 YOLO系列正传&#xff08;二&#xff09;YOLOv3论文精解(上)——从FPN到darknet-53-C…...

编程日记 2025/5/20 21:59:19

【漏洞复现】CVE-2023-37461 Arbitrary File Writing

漏洞信息 NVD - cve-2023-37461 Metersphere is an opensource testing framework. Files uploaded to Metersphere may define a belongType value with a relative path like ../../../../ which may cause metersphere to attempt to overwrite an existing file in the d…...

编程日记 2025/5/23 23:12:01

【OpenCV计算机视觉】图像处理——平滑

本篇文章记录我学习【OpenCV】图像处理中关于“平滑”的知识点&#xff0c;希望我的分享对你有所帮助。 目录 一、什么是平滑处理 1、平滑的目的是什么&#xff1f; 2、常见的图像噪声 &#xff08;1&#xff09;椒盐噪声 ​编辑&#xff08;2&#xff09; 高斯噪声 &a…...

编程日记 2025/5/25 0:25:41

【java面向对象编程】第七弹----Object类、类变量与类方法

笔上得来终觉浅,绝知此事要躬行 &#x1f525; 个人主页&#xff1a;星云爱编程 &#x1f525; 所属专栏&#xff1a;javase &#x1f337;追光的人&#xff0c;终会万丈光芒 &#x1f389;欢迎大家点赞&#x1f44d;评论&#x1f4dd;收藏⭐文章 目录 一、Object类 1.1equa…...

编程日记 2025/5/21 5:30:08

大模型微调---Prompt-tuning微调

目录 一、前言二、Prompt-tuning实战2.1、下载模型到本地2.2、加载模型与数据集2.3、处理数据2.4、Prompt-tuning微调2.5、训练参数配置2.6、开始训练 三、模型评估四、完整训练代码 一、前言 Prompt-tuning通过修改输入文本的提示&#xff08;Prompt&#xff09;来引导模型生…...

编程日记 2025/5/24 11:24:44

Connecting to Oracle 11g Database in Python

# encoding: utf-8 # 版权所有 2024 涂聚文有限公司 # 许可信息查看&#xff1a;言語成了邀功盡責的功臣&#xff0c;還需要行爲每日來值班嗎 # 描述&#xff1a;python -m pip install oracledb # python -m pip install cx_Oracle --upgrade # pip install cx_Oracle # Autho…...

编程日记 2025/5/21 5:15:59

16.2、网络安全风险评估技术与攻击

目录 网络安全风险评估技术方法与工具 网络安全风险评估技术方法与工具 资产信息收集&#xff0c;可以通过调查表的形式把我们各类的资产信息进行一个统计和收集&#xff0c;掌握被评估对象的重要资产分布&#xff0c;进而分析这些资产关联的业务面临的安全威胁以及存在的安全…...

编程日记 2025/5/22 15:59:50

Windows脚本清理C盘缓存

方法一&#xff1a;使用power文件.ps1的文件 脚本功能 清理临时文件夹&#xff1a; 当前用户的临时文件夹&#xff08;%Temp%&#xff09;。系统临时文件夹&#xff08;C:\Windows\Temp&#xff09;。 清理 Windows 更新缓存&#xff1a; 删除 Windows 更新下载缓存&#xff0…...

编程日记 2025/5/24 14:23:52

ChromeOS 131 版本更新

ChromeOS 131 版本更新 1. ChromeOS Flex 自动注册 在 ChromeOS 131 中&#xff0c;ChromeOS Flex 的自动注册功能现已允许大规模部署 ChromeOS Flex 设备。与 ChromeOS 零接触注册类似&#xff0c;自动注册将通过组织管理员创建的注册令牌嵌入到 ChromeOS Flex 镜像中。这将…...

编程日记 2025/5/24 8:19:19

PDF24 Creator免费版

PDF点击上方"蓝字"关注我们 01、前言 >>> 官网&#xff1a;https://tools.pdf24.org/zh/creator PDF24 Creator完全免费&#xff0c;没有任何限制。企业也能免费用。 不可以&#xff0c;PDF24 Creator只能装在Windows系统上。目前不支持Linux和Mac。 PDF24…...

编程日记 2025/5/19 8:26:07

网络安全之访问控制

简介 同一分布式环境下&#xff0c;同一用户可能具有多个应用服务器的访问授权&#xff0c;同一应用服务器也有多个授权访问的用户&#xff0c;同一用户在一次事务中可能需要访问多个授权访问的应用服务器&#xff0c;应用服务器可能还需要对访问用户进行身份鉴别。为了实现这…...

编程日记 2025/5/23 16:36:59

vtie项目中使用到了TailwindCSS，如何打包成一个单独的CSS文件（优化、压缩）

在不依赖 Vite 或其他构建工具的情况下&#xff0c;使用 TailwindCSS CLI 快速生成独立的 CSS 文件是一种简单高效的方法&#xff0c;适合需要纯样式文件的场景。 这个项目中&#xff0c;使用到了tailwindCss, 需要把里面的样式打包出来&#xff0c;给其他项目用。 使用命令生…...

编程日记 2025/5/21 5:45:53

前端登录注册页面springboot+vue2全开发！

需求目标&#xff1a; 有“登录界面”和“注册界面”以及“功能操作界面”&#xff1a; 我们打开程序会自动进入“登录界面”&#xff0c;如果密码输入正确则直接进入“功能操作界面”&#xff0c;在“登录界面”我们可以点击注册进入“注册页面”&#xff0c;注册好了可以再跳…...

编程日记 2025/5/23 14:10:53

批量提取zotero的论文构建知识库做问答的大模型（可选）——含转存PDF-分割统计PDF等

文章目录 提取zotero的PDF上传到AI平台保留文件名代码分成20个PDF视频讲解 提取zotero的PDF 右键查看目录 发现目录为 C:\Users\89735\Zotero\storage 写代码： 扫描路径‘C:\Users\89735\Zotero\storage’下面的所有PDF文件，全部复制一份汇总到"C:\Users\89735\Downl…...

编程日记 2025/5/25 3:38:19

3 JDK 常见的包和BIO,NIO,AIO

JDK常见的包 java.lang:系统基础类 java.io:文件操作相关类&#xff0c;比如文件操作 java.nio:为了完善io包中的功能&#xff0c;提高io性能而写的一个新包 java.net:网络相关的包 java.util:java辅助类&#xff0c;特别是集合类 java.sql:数据库操作类 IO流 按照流的流向分…...

编程日记 2025/5/21 7:12:23

解决Apache/2.4.39 (Win64) PHP/7.2.18 Server at localhost Port 80问题

配置一下apache里面的配置文件&#xff1a;httpd.conf 和 httpd.vhosts.conf httpd.conf httpd-vhosts.conf 重启服务 展示&#xff1a; 浏览器中中文乱码问题&#xff1a;...

编程日记 2025/5/12 17:29:36

带有 Elasticsearch 和 Langchain 的 Agentic RAG

作者&#xff1a;来自 Elastic Han Xiang Choong 讨论并实现 Elastic RAG 的代理流程&#xff0c;其中 LLM 选择调用 Elastic KB。 更多阅读&#xff1a;Elasticsearch&#xff1a;基于 Langchain 的 Elasticsearch Agent 对文档的搜索。 简介 代理是将 LLM 应用于实际用例的…...

编程日记 2025/5/21 6:13:56

【数据结构与算法】深度优先搜索：树与图的路径探寻之道

一、引言 在计算机科学领域&#xff0c;树与图的路径搜索是一个基础且重要的问题&#xff0c;而深度优先搜索算法&#xff08;Depth First Search&#xff0c;简称 DFS&#xff09;则是解决此类问题的经典算法之一。深度优先搜索算法通过从起始节点开始&#xff0c;沿着一条路径…...

编程日记 2025/5/23 18:09:25

vue3项目结合Echarts实现甘特图（可拖拽、选中等操作）

效果图&#xff1a; 图一&#xff1a;选中操作 图二&#xff1a;上下左右拖拽操作 本案例在echarts​​​​​​​示例机场航班甘特图的基础上修改​​​​​​​ 封装ganttEcharts组件&#xff0c;测试数据 airport-schedule.jsonganttEcharts代码: 直接复制粘贴可测​​​​…...

编程日记 2025/5/24 4:48:58

【EXCEL 逻辑函数】AND、OR、XOR、NOT、IF、IFS、IFERROR、IFNA、SWITCH

目录 AND&#xff1a;当所有条件都为真时返回 TRUE&#xff0c;否则返回 FALSE OR&#xff1a;当任一条件为真时返回 TRUE&#xff0c;否则返回 FALSE XOR&#xff1a;当奇数个条件为真时返回 TRUE&#xff0c;否则返回 FALSE NOT &#xff1a;反转逻辑值 IF&#xff1a;根…...

编程日记 2025/5/25 4:13:05

单片机长耗时前后台任务优化

代码&#xff1a; void Task_10ms(void) {... }//改 void Task_2ms(void) {static uint8_t s_state 0switch(s_state){case 0:....s_state 1;break;case 1:....s_state 2;break;case 3:....s_state 1;break;default: //此段可以去除s_state 0;break; } } 参考链接 MCU长…...

编程日记 2025/5/21 22:22:17

java引入jedis并且关于开放redis端口问题

博主主页: 码农派大星. 数据结构专栏:Java数据结构 数据库专栏:数据库 JavaEE专栏:JavaEE 软件测试专栏:软件测试 关注博主带你了解更多知识 目录 1. 引入jedis ​编辑 2. 关于java客户端开放redis端口问题 3. 连接redis服务器 redis服务器在官网公开了使用的协议: resp…...

编程日记 2025/5/23 10:49:53

测试电脑是否真实多核CPU

测试电脑是否真实多核CPU 在CPU的描述上现在多数看到的是多核心/多内核&#xff0c;看上去就像是多CPU的样子。但核心是有分真实核心和虚拟核心。如果是真实的多核心&#xff0c;多线程是能够并行。如果不是多核心&#xff0c;多线程就只能够并发。 这里就直接采用多线程的应用…...

编程日记 2025/5/21 14:31:44

Ubuntu 安装实时内核指南

在运行需要高精度和低延迟响应的机器人驱动程序时&#xff0c;安装一个具备实时内核&#xff08;Real-Time Kernel&#xff09;的 Ubuntu 系统是至关重要的。若缺乏实时系统的支持&#xff0c;高频率的控制指令可能会导致机器人运动轨迹不流畅&#xff0c;甚至产生抖动现象。以…...

编程日记 2025/5/24 5:30:38

LeetCode：1387. 将整数按权重排序（记忆化搜索 Java）

目录 1387. 将整数按权重排序 题目描述&#xff1a; 实现代码与解析&#xff1a; 记忆化搜索 原理思路&#xff1a; 1387. 将整数按权重排序 题目描述&#xff1a; 我们将整数 x 的 权重 定义为按照下述规则将 x 变成 1 所需要的步数&#xff1a; 如果 x 是偶数&#xff…...

编程日记 2025/5/23 0:58:11

某音最新滑块3.5.68(Web/App皆可支持)

某音滑块核心是 captchaBody 参数 难度较大 h5_sdk_version - 代表验证码的版本 如何代表通过验证了呢&#xff1f; 1.web端 fp参数 - verify_m4zafhzb_yARRD6RZ_YwNj_4gjp_AdsL_yxw0thiqv0ub 2.移动端 did参数 - 1997744780462444 当该接口返回如下数据即通过验证码 该设…...

编程日记 2025/5/20 10:09:11

FFmpeg 框架简介和文件解复用

文章目录 ffmpeg框架简介libavformat库libavcodec库libavdevice库 复用&#xff08;muxers&#xff09;和解复用&#xff08;demuxers&#xff09;容器格式FLVScript Tag Data结构&#xff08;脚本类型、帧类型&#xff09;Audio Tag Data结构&#xff08;音频Tag&#xff09;V…...

编程日记 2025/5/17 11:23:09

观察者模式（sigslot in C++）

大家&#xff0c;我是东风&#xff0c;今天抽点时间整理一下我很久前关注的一个不错的库&#xff0c;可以支持我们在使用标准C的时候使用信号槽机制进行观察者模式设计&#xff0c;sigslot 官网&#xff1a; http://sigslot.sourceforge.net/ 本文较为详尽探讨了一种观察者模…...

编程日记 2025/5/19 1:40:28

git企业开发的相关理论（二）

目录 git企业开发的相关理论&#xff08;一&#xff09; 八.修改文件 九.版本回退 十.撤销修改 情况一(还没有add) 情况二(add后还没有commit) 情况三(commit后还没有push) 十一.删除本地仓库中的文件 方法一 方法二 十二.理解分支 1.常见的分支工作流程 2.合并冲…...

编程日记 2025/5/25 13:45:59

力扣-图论-70【算法学习day.70】

前言 ###我做这类文章一个重要的目的还是给正在学习的大家提供方向和记录学习过程&#xff08;例如想要掌握基础用法&#xff0c;该刷哪些题&#xff1f;&#xff09;我的解析也不会做的非常详细&#xff0c;只会提供思路和一些关键点&#xff0c;力扣上的大佬们的题解质量是非…...

编程日记 2025/5/18 12:55:20

jmeter中的prev对象

在jmeter中通过beanshell、JSR223的各种处理器编写脚本时&#xff0c;都会看到页面上有这样的说明 这些ctx、vars、props、OUT、sampler、prev等等都是可以直接在脚本中使用的对象&#xff0c;由jmeter抛出 今天主要讲一下prev的使用 SampleResult prev jmctx.getPreviousRe…...

编程日记 2025/5/25 12:38:15

机器学习中的密度聚类算法：深入解析与应用

在机器学习的广阔领域中&#xff0c;聚类算法作为一种无监督学习方法&#xff0c;扮演着至关重要的角色。其中&#xff0c;密度聚类算法以其独特的优势&#xff0c;在数据挖掘、图像分割、市场细分等多个领域得到了广泛应用。 一、密度聚类算法的基本原理 密度聚类算法是一种…...

编程日记 2025/5/20 5:57:39

简单分析一下 a,b,c=a+1,a+1,b+1 执行原理

在 Go 语言中&#xff0c;赋值表达式 a, b, c x, y, z 是同时进行的&#xff0c;但是其计算顺序是从左到右依次进行的。即在 a, b, c 被赋值之前&#xff0c;先计算 x, y, z 的值&#xff0c;并依次将它们赋值给 a, b, c。 例如&#xff1a;a, b, c a1, a1, b1&#xff0c;其…...

编程日记 2025/5/23 14:28:09

2025年前端面试热门题目——HTML|CSS|Javascript|TS知识

以下是对这些 HTML 面试问题的详细解答&#xff1a; 1. HTML 的 src 和 href 属性有什么区别? src (Source) 属性&#xff1a; 用于嵌入资源&#xff0c;例如图像、脚本或 iframe。加载资源时&#xff0c;当前页面的加载会暂停&#xff0c;直到资源加载完成。常用于 <img&g…...

编程日记 2025/5/21 5:45:51

将4G太阳能无线监控的视频接入电子监控大屏，要考虑哪些方面？

随着科技的飞速发展&#xff0c;4G太阳能无线监控系统以其独特的优势在远程监控领域脱颖而出。这种系统结合了太阳能供电的环保特性和4G无线传输的便捷性&#xff0c;为各种环境尤其是无电或电网不稳定的地区提供了一种高效、可靠的视频监控解决方案。将这些视频流接入大屏显示…...

编程日记 2025/5/22 22:12:46

【102. 二叉树的层序遍历 中等】

题目&#xff1a; 给你二叉树的根节点 root &#xff0c;返回其节点值的 层序遍历 。 &#xff08;即逐层地&#xff0c;从左到右访问所有节点&#xff09;。 示例 1&#xff1a; 输入&#xff1a;root [3,9,20,null,null,15,7] 输出&#xff1a;[[3],[9,20],[15,7]] 示例…...

编程日记 2025/5/24 20:35:56

文件包含tomato靶机通关

靶机地址&#xff1a;192.168.152.152 注&#xff1a;靶机打开后在 kali 中扫描一下就能得到 打开网站 第一步信息收集 将网址放到 dirb 中扫描一下 得到了三个目录 我们挨个访问一下 第一个是主目录 第二个是主页面 第三个报错 第二步 我们在主目录页面继续访问 我们进行…...

编程日记 2025/5/25 15:36:42