this.$refs[tab.$attrs.id].scrollIntoView is not a function

时间：2024-07-02 17:27:36浏览次数：23

标签：function scrollIntoView refs attrs tab document id

打印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'});

打印出来就有这个函数了

标签：function,scrollIntoView,refs,attrs,tab,document,id
From： https://blog.csdn.net/m0_59157023/article/details/140127383

function 函数
很快，我们开始学函数了，还记得在我的某一篇帖子提过吗，不知道的点我。在以前的帖子的最后，我自己封装了俩函数。这篇帖子将会解释它们的意思定义我们要敲一个结构：TypFunct(Typ1Param1,Typ2Param2,...,Typn,Paramn){ ...... returnVal;}它的意思是：定义一个返......
ts vue3 getCurrentInstance 使用，$refs 调用方式
代码示例可以通过ref变量实现绑定$ref,或者getCurrentInstance来获取$refs/***$ref使用方式，变量名和组件的属性ref值一致*/consthChildRef=ref()console.log(hChildRef,"hChildRef")constinstance=getCurrentInstance()//constself=(instanceasComponen......
java中的函数式接口：（Consumer、BiConsumer、Supplier、Predicate、Function、BiFunctio
Consumer说明：（1）consumer接口来自java8中引入的Java.util.function包（2）Consumer是一个功能接口，用来作为lambda表达式或方法引用的任务目标(传递一个参数执行指定的方法)。功能：Consumer的功能接口是一个接受单一参数并且不返回任何结果的操作。必要时，"结果"可以存在在集合......
Azure Function App With Python 3.11
有一段python代码，原来都跑在本地，既然functionapp可以运行python，还是比较新的python3.11，就想着直接用functionapp来跑了，省的进行sql逻辑改造，并且不吹不黑，python的pandas在处理dataframe上非常灵活。想法是好的，本地VSCODE搭起来python运行环境也很快，直接AZsignin就部署到自己......
Cobra - How to avoid access global variables in a global variable or init() func
在同一个package中的init()函数是按照所在文件文件名的字母顺序执行的，如果一个文件排在root.go之前，那么在其中字义的<文件名>Cmd全局变量赋值时将不能使用在root.go中初始化并赋值的全局变量（如globalflags），同样在其init()函数中也不能使用那些全局变量，如果使用则会报空指针错误。......
Java8 Consumer、Supplier、Predicate、Function
今天我们还讲讲Consumer、Supplier、Predicate、Function这几个接口的用法，在Java8的用法当中，这几个接口虽然没有明目张胆的使用，但是，却是润物细无声的。为什么这么说呢？这几个接口都在java.util.function包下的，分别是Consumer（消费型）、supplier（供给型）、predicate（谓词型）、functi......
def __init__(self,parameterlist)初始化方法和def __functionName__(self,parameterl
问题描述：def__init__(self,parameterlist)初始化方法和def__functionName__(self,parameterlist)实例方法，其中functionName是具体方法的名字，比如表示奔跑、或者狗叫的方法。对于上面这两种方法有什么区别？问题解答：在Python类中，__init__方法和其他实例方法（如__functionName_......
a regrex for function title
正则表达式简明扼要，一行代码就能实现挺复杂的功能。deftitle(s):returnre.sub(rb"[A-Za-z]+('[A-Za-z]+)?",lambdamo:mo.group(0)[0:1].upper()+lambdamo:mo.group(0)[1:].lower(),s)解释正则表达式"[A-Za-z]+('[A-Za-z]+)?"的作用是匹配一个或多个英文字母（大小写......
RAG与LLM原理及实践（2）--- RAG结合LLM function调用的原理及落地实践
花一点时间继续写下，RAG结合LLM。通过上一篇文章你应该知道为什么RAG要结合LLM，或者说为什么LLM要结合RAG使得LLM更强大，特别是当LLM应用在人机对话等方面的时候。只要涉及一问一答，并通过上下文继续丰富对话，就会涉及到他。这个是看事情的两个维度。就像是买钟送电池还是买电池送......
puppeteer exposeFunction 方法简单试用
以下简单演示下puppeteerexposeFunction的使用环境准备基于browserlessdocker-composeversion:"3"services:nginx:image:nginx:alpinevolumes:-./index.html:/usr/share/nginx/html/index.htmlports:-"80......

this.$refs[tab.$attrs.id].scrollIntoView is not a function

相关文章

赞助商

阅读排行