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…...
观成科技：隐蔽隧道工具Ligolo-ng加密流量分析
1.工具介绍 Ligolo-ng是一款由go编写的高效隧道工具，该工具基于TUN接口实现其功能，利用反向TCP/TLS连接建立一条隐蔽的通信信道，支持使用Let’s Encrypt自动生成证书。Ligolo-ng的通信隐蔽性体现在其支持多种连接方式，适应复杂网…...
【人工智能】神经网络的优化器optimizer（二）：Adagrad自适应学习率优化器
一.自适应梯度算法Adagrad概述 Adagrad（Adaptive Gradient Algorithm）是一种自适应学习率的优化算法，由Duchi等人在2011年提出。其核心思想是针对不同参数自动调整学习率，适合处理稀疏数据和不同参数梯度差异较大的场景。Adagrad通…...
Springcloud：Eureka 高可用集群搭建实战（服务注册与发现的底层原理与避坑指南）
引言：为什么 Eureka 依然是存量系统的核心？ 尽管 Nacos 等新注册中心崛起，但金融、电力等保守行业仍有大量系统运行在 Eureka 上。理解其高可用设计与自我保护机制，是保障分布式系统稳定的必修课。本文将手把手带你搭建生产级 Eur…...
【Java_EE】Spring MVC
目录 Spring Web MVC 编辑注解 RestController RequestMapping RequestParam RequestParam RequestBody PathVariable RequestPart 参数传递 注意事项 编辑参数重命名 RequestParam 编辑编辑传递集合 RequestParam 传递JSON数据 编辑RequestBody …...
Java入门学习详细版（一）
大家好，Java 学习是一个系统学习的过程，核心原则就是“理论 实践 坚持”，并且需循序渐进，不可过于着急，本篇文章推出的这份详细入门学习资料将带大家从零基础开始，逐步掌握 Java 的核心概念和编程技能。 …...
python报错No module named ‘tensorflow.keras‘
是由于不同版本的tensorflow下的keras所在的路径不同，结合所安装的tensorflow的目录结构修改from语句即可。 原语句： from tensorflow.keras.layers import Conv1D, MaxPooling1D, LSTM, Dense 修改后： from tensorflow.python.keras.lay…...
20个超级好用的 CSS 动画库
分享 20 个最佳 CSS 动画库。 它们中的大多数将生成纯 CSS 代码，而不需要任何外部库。 1.Animate.css 一个开箱即用型的跨浏览器动画库，可供你在项目中使用。 2.Magic Animations CSS3 一组简单的动画，可以包含在你的网页或应用项目中。 3.An…...
MySQL 知识小结（一）
一、my.cnf配置详解 我们知道安装MySQL有两种方式来安装咱们的MySQL数据库，分别是二进制安装编译数据库或者使用三方yum来进行安装,第三方yum的安装相对于二进制压缩包的安装更快捷，但是文件存放起来数据比较冗余，用二进制能够更好管理咱们M…...
C++.OpenGL （20/64）混合（Blending）
混合（Blending） 透明效果核心原理 #mermaid-svg-SWG0UzVfJms7Sm3e {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-svg-SWG0UzVfJms7Sm3e .error-icon{fill:#552222;}#mermaid-svg-SWG0UzVfJms7Sm3e .error-text{fill…...
解决：Android studio 编译后报错\app\src\main\cpp\CMakeLists.txt‘ to exist
现象： android studio报错： [CXX1409] D:\GitLab\xxxxx\app.cxx\Debug\3f3w4y1i\arm64-v8a\android_gradle_build.json : expected buildFiles file ‘D:\GitLab\xxxxx\app\src\main\cpp\CMakeLists.txt’ to exist 解决： 不要动CMakeLists.…...