this.$refs[tab.$attrs.id].scrollIntoView is not a function
打印this.$refs[tab.$attrs.id].scrollIntoView 在控制台看到的是一个undefined
是因为this.$refs[tab.$attrs.id] 不是一个dom 是一个vuecomponent
如图所示:
所以我用的这个document.querySelector(`.${tab.$attrs.id}`)获取dom
document.querySelector(`.${tab.$attrs.id}`).scrollIntoView({behavior: 'smooth'});
打印出来就有这个函数了
相关文章：
this.$refs[tab.$attrs.id].scrollIntoView is not a function
打印this.$refs[tab.$attrs.id].scrollIntoView 在控制台看到的是一个undefined 是因为this.$refs[tab.$attrs.id] 不是一个dom 是一个vuecomponent 如图所示: 所以我用的这个document.querySelector(.${tab.$attrs.id})获取dom document.querySelector(.${tab.$attrs.id})…...
【AI是在帮助开发者还是取代他们？】AI与开发者：合作与创新的未来
目录 前言一、AI工具现状（一）GitHub Copilot（二）TabNine 二、AI对开发者的影响（一）影响和优势（二）新技能和适应策略（三）保持竞争力的策略 三、AI开发的未来&a…...
【SpringBoot Web框架实战教程(开源)】01 使用 pom 方式创建 SpringBoot 第一个项目
导读 这是一系列关于 SpringBoot Web框架实战 的教程，从项目的创建，到一个完整的 web 框架（包括异常处理、拦截器、context 上下文等）；从0开始，到一个可以直接运用在生产环境中的web框架。而且所有源码均开…...
Boosting【文献精读、翻译】
Boosting Bhlmann, P., & Yu, B. (2009). Boosting. Wiley Interdisciplinary Reviews: Computational Statistics, 2(1), 69–74. doi:10.1002/wics.55 摘要 在本文中，我们回顾了Boost方法，这是分类和回归中最有效的机器学习方法之一。虽然我们也讨…...
保姆级教程|如何配置ROS1主从机
在机器人开发经常遇到使用两个板子通信问题，比如一个板子跑底层的运动控制，一个板子跑定位导航。为了确保两个板子之间的ROS通信流畅，我们需要在两个板子的.bashrc文件中添加必要的环境变量配置。首先，确保你的 /etc/hosts 文件中…...
贝叶斯优化算法（Bayesian Optimization）及其Python 和 MATLAB 实现
贝叶斯优化算法（Bayesian Optimization）是一种基于贝叶斯统计理论的优化方法，通常用于在复杂搜索空间中寻找最优解。该算法能够有效地在未知黑盒函数上进行优化，并在相对较少的迭代次数内找到较优解，因此在许多领域如超…...
NLP - 基于bert预训练模型的文本多分类示例
项目说明 项目名称 基于DistilBERT的标题多分类任务 项目概述 本项目旨在使用DistilBERT模型对给定的标题文本进行多分类任务。项目包括从数据处理、模型训练、模型评估到最终的API部署。该项目采用模块化设计，以便于理解和维护。 项目结构 . ├── bert_dat…...
数据库备份和还原
一、备份 备份类型 1.完全备份 全备份是指对整个数据集进行完整备份。每次备份都会复制所有选定的数据，无论这些数据是否发生了变化。 2.增量备份 增量备份是指仅备份自上次备份（无论是全备份还是增量备份）以来发生变化的数据。它记录了…...
谷粒商城-个人笔记(集群部署篇一)
前言 学习视频：Java项目《谷粒商城》架构师级Java项目实战，对标阿里P6-P7，全网最强学习文档： 谷粒商城-个人笔记(基础篇一)谷粒商城-个人笔记(基础篇二)谷粒商城-个人笔记(基础篇三)谷粒商城-个人笔记(高级篇一)谷粒商城-个…...
Linux环境下的字节对齐现象
在Linux环境下，字节对齐是指数据在内存中的存储方式。字节对齐是为了提高内存访问的效率和性能。 在Linux中，默认情况下，结构体和数组的成员会进行字节对齐。具体的对齐方式可以通过编译器选项来控制。 在使用C语言编写程序时，可…...
没有调用memcpy却报了undefined reference to memcpy错误
现象 在第5行出现了，undefined reference to memcpy’ 1 static void printf_x(unsigned int val) 2{ 3 char buffer[32]; 4 const char lut[]{0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F}; 5 char *p buffer; 6 while (val || p buffer) { 7 *(p) …...
import和require的区别
import是ES6标准中的模块化解决方案，require是node中遵循CommonJS规范的模块化解决方案。 后者支持动态引入，也就是require(${path}/xx.js)，前者目前不支持，但是已有提案。 前者是关键词，后者不是。 前者是编译时加…...
白骑士的Python教学高级篇 3.3 数据库编程
系列目录 上一篇：白骑士的Python教学高级篇 3.2 网络编程 SQL基础 Structured Query Language (SQL) 是一种用于管理和操作关系型数据库的标准语言。SQL能够执行各种操作，如创建、读取、更新和删除数据库中的数据（即CRUD操作）&a…...
macOS 安装redis
安装Redis在macOS上通常通过Homebrew进行，Homebrew是macOS上一个流行的包管理器。以下是安装Redis的步骤： 一 使用Homebrew安装Redis 1、安装Homebrew（如果尚未安装）： 打开终端（Terminal）并执…...
【AIGC评测体系】大模型评测指标集
大模型评测指标集 （☆）SuperCLUE（1）SuperCLUE-V（中文原生多模态理解测评基准）（2）SuperCLUE-Auto（汽车大模型测评基准）（3）AIGVBench-T2…...
工厂模式之简单工厂模式
文章目录 工厂模式工厂模式分为工厂模式的角色简单工厂模式案例代码定义一个父类，三个子类定义简单工厂客户端使用输出结果 工厂模式 工厂模式属于创造型的模式，用于创建对象。 工厂模式分为 简单工厂模式：定义一个简单工厂类，根…...
2.（vue3.x+vite）调用iframe的方法（vue编码）
1、效果预览 2.编写代码 （1）主页面 <template><div><button @click="sendMessage">调用iframe，并发送信息...
实战项目——用Java实现图书管理系统
前言 首先既然是管理系统，那咱们就要实现以下这几个功能了--> 分析 1.首先是用户分为两种，一个是管理员，另一个是普通用户，既如此，可以定义一个用户类（user），在定义管理员类&am…...
利用DeepFlow解决APISIX故障诊断中的方向偏差问题
概要：随着APISIX作为IT应用系统入口的普及，其故障定位能力的不足导致了在业务故障诊断中，APISIX常常成为首要的“嫌疑对象”。这不仅导致了“兴师动众”式的资源投入，还可能使诊断方向“背道而驰”，从而导致业务故障“…...
sqlalchemy获取数据条数
1、sqlalchemy获取数据条数 在SQLAlchemy中，你可以使用count()函数来获取数据表中的记录条数。 from sqlalchemy import create_engine, MetaData, Table# 数据库连接字符串 DATABASE_URI = dialect+driver://username:password@host:port/database# 创建引擎 engine = crea…...
MPNet：旋转机械轻量化故障诊断模型详解python代码复现
目录 一、问题背景与挑战 二、MPNet核心架构 2.1 多分支特征融合模块（MBFM） 2.2 残差注意力金字塔模块（RAPM） 2.2.1 空间金字塔注意力（SPA） 2.2.2 金字塔残差块（PRBlock） 2.3 分类器设计 三、关键技术突破 3.1 多尺度特征融合 3.2 轻量化设计策略 3.3 抗噪声…...
Swift 协议扩展精进之路：解决 CoreData 托管实体子类的类型不匹配问题（下）
概述 在 Swift 开发语言中，各位秃头小码农们可以充分利用语法本身所带来的便利去劈荆斩棘。我们还可以恣意利用泛型、协议关联类型和协议扩展来进一步简化和优化我们复杂的代码需求。 不过，在涉及到多个子类派生于基类进行多态模拟的场景下，…...
HTML 列表、表格、表单
1 列表标签 作用：布局内容排列整齐的区域 列表分类：无序列表、有序列表、定义列表。 例如： 1.1 无序列表 标签：ul 嵌套 li，ul是无序列表，li是列表条目。 注意事项： ul 标签里面只能包裹 li…...
Java毕业设计：WML信息查询与后端信息发布系统开发
JAVAWML信息查询与后端信息发布系统实现 一、系统概述 本系统基于Java和WML(无线标记语言)技术开发，实现了移动设备上的信息查询与后端信息发布功能。系统采用B/S架构，服务器端使用Java Servlet处理请求，数据库采用MySQL存储信息࿰…...
毫米波雷达基础理论（3D+4D）
3D、4D毫米波雷达基础知识及厂商选型 PreView : https://mp.weixin.qq.com/s/bQkju4r6med7I3TBGJI_bQ 1. FMCW毫米波雷达基础知识 主要参考博文： 一文入门汽车毫米波雷达基本原理 ：https://mp.weixin.qq.com/s/_EN7A5lKcz2Eh8dLnjE19w 毫米波雷达基础…...
QT开发技术【ffmpeg + QAudioOutput】音乐播放器
一、 介绍 使用ffmpeg 4.2.2 在数字化浪潮席卷全球的当下，音视频内容犹如璀璨繁星，点亮了人们的生活与工作。从短视频平台上令人捧腹的搞笑视频，到在线课堂中知识渊博的专家授课，再到影视平台上扣人心弦的高清大片，音…...
大数据治理的常见方式
大数据治理的常见方式 大数据治理是确保数据质量、安全性和可用性的系统性方法，以下是几种常见的治理方式： 1. 数据质量管理 核心方法： 数据校验：建立数据校验规则（格式、范围、一致性等）数据清洗&…...
LangChain + LangSmith + DeepSeek 入门实战：构建代码生成助手
本文基于 Jupyter Notebook 实践代码，结合 LangChain、LangSmith 和 DeepSeek 大模型，手把手演示如何构建一个代码生成助手，并实现全流程追踪与优化。 一、环境准备与配置 1. 安装依赖 pip install langchain langchain_openai2. 设置环境变…...
Caliper 配置文件解析：config.yaml 和 fisco-bcos.json 附加在caliper中执行不同的合约方法
Caliper 配置文件解析：config.yaml 和 fisco-bcos.json Caliper 是一个区块链性能基准测试工具，用于评估不同区块链平台的性能。下面我将详细解释你提供的 fisco-bcos.json 文件结构，并说明它与 config.yaml 文件的关系。 fisco-bcos.json 文件解析 这个文件是针对 FISCO…...
智能问数Text2SQL Vanna windows场景验证
架构 Vanna 是一个开源 Python RAG（检索增强生成）框架，用于 SQL 生成和相关功能。 机制 Vanna 的工作过程分为两个简单步骤 - 在您的数据上训练 RAG“模型”，然后提出问题，这些问题将返回 SQL 查询，这些查…...