vue3获取节点方法

一般来说很少会用到获取节点的操作，但有时会不可避免的用到。

其实方法很简单，只需要下列三部：

1.定义一个空值的变量，并return出去：

//setup内
const diagetref = ref(null)    //节点名为diagetref ...return {...diagetref
}

2.给目标节点设定ref为更改设定的那个变量

<div ref="diagetref">我是标签</div>

3.然后就可以获取到并使用了：

const showmes = (res,e) =>{//获取节点的高度console.log(diagetref.value.clientHeight)
}

完毕！！！

希望本文会对你有所帮助^_^

vue3获取节点方法相关推荐

【Groovy】自定义 Xml 生成器 BuilderSupport ( nodeCompleted 方法获取节点闭合信息 )
文章目录一.nodeCompleted 方法获取节点闭合信息二.完整代码示例 1.MyBuilderSupport 生成器代码 2.使用 MyBuilderSupport 生成器创建 Xml 代码 ...
【Groovy】自定义 Xml 生成器 BuilderSupport ( 继承 BuilderSupport 抽象类 | 在 createNode 方法中获取节点名称、节点属性、节点值信息 )
文章目录一.继承 BuilderSupport 抽象类二.在 createNode 方法中获取节点名称.节点属性.节点值信息三.完整代码示例 1.MyBuilderSupport 生成器代码 2 ...
TreeView中右击直接获取节点的方法
在TreeView中无法直接右击得到一个节点,因为当你选中其中一个右击时(不能是第一个)他会默认跳到第一个. 有时我们要想直接右击得到选中的节点,又时我们又想选中直接右击跳出一个快捷菜单怎么办了! 在 ...
wx.createSelectorQuery() 获取节点信息获取不到解决方法
场景:一个气泡的宽度由加载来的数据填充所决定,不定宽, wx.createSelectorQuery().selectAll('.talkbubble').boundingClientRect(fun ...
小程序获取节点绑定数据data-index的方法
1.微信小程序dataset undefined ?? 2.如何获取数组index索引? 3.获取节点的属性,width ,height,left,right等等方法一(一般用这个获取数据,记得 ...
S获取节点的兄弟,父级,子级元素的方法
JS获取节点的兄弟,父级,子级元素的方法作者: 字体:[增加减小] 类型:转载时间:2014-01-09 我要评论本篇文章主要是对JS获取节点的兄弟,父级,子级元素的方法进行了详细的介绍,需要 ...
php 遍历html节点,JavaScript_js获取html页面节点方法(递归方式)，很久没有操作过递归调用了。 - phpStudy...
js获取html页面节点方法(递归方式) 很久没有操作过递归调用了.看完之后,蓦然惊醒啊! 统计Element节点 var elementName=""; function co ...
【Groovy】编译时元编程 ( AST 语法树分析 | ClassNode 根节点 | 方法 Methods 节点 | 字段 Fields 节点 | 属性 Properties 节点 )
文章目录一.AST 语法树分析一.AST 语法树分析在上一篇博客 [Groovy]编译时元编程 ( 编译时元编程引入 | 声明需要编译时处理的类 | 分析 Groovy 类的 AST 语法树 ) ...
mounted钩子函数_怎样实现Vue中mounted钩子函数获取节点高度
这次给大家带来怎样实现Vue中mounted钩子函数获取节点高度,实现Vue中mounted钩子函数获取节点高度的注意事项有哪些,下面就是实战案例,一起来看一下. 遇到的问题最近在开发一个Vue的项 ...

vue3获取节点方法

vue3获取节点方法相关推荐

最新文章

热门文章