vue根据函数动态传递的id 获取元素到元素
时间: 2023-12-02 16:03:21 浏览: 156
vue实现动态给id赋值,点击事件获取当前点击的元素的id操作
可以使用`ref`来获取元素,然后在函数中通过`this.$refs[id]`来获取对应的元素。
例如,在模板中可以这样写:
```html
<template>
<div>
<button @click="scrollToElement('target')">Scroll to target</button>
<div ref="target">Target element</div>
</div>
</template>
```
然后在Vue实例中定义`scrollToElement`函数:
```javascript
export default {
methods: {
scrollToElement(id) {
const target = this.$refs[id];
if (target) {
target.scrollIntoView({ behavior: 'smooth' });
}
}
}
}
```
当点击按钮时,会调用`scrollToElement('target')`函数,该函数会获取`ref="target"`的元素并滚动到该元素。如果找不到对应的元素,则什么都不会发生。
阅读全文