this.$refs.input.$el获取里面的input
时间: 2023-11-04 15:18:24 浏览: 69
jsp中EL表达式获取数据
5星 · 资源好评率100%
在Vue.js中,使用`this.$refs.input.$el`可以获取到`<input>`元素的DOM节点。请注意,使用`$refs`引用DOM节点时,需要在`mounted()`生命周期钩子函数中使用,这是因为在组件渲染完成之后,才能保证`$refs`引用到正确的DOM节点。以下是一个示例代码:
```html
<template>
<div>
<input ref="input" type="text" />
<button @click="handleClick">获取input的值</button>
</div>
</template>
<script>
export default {
mounted() {
console.log(this.$refs.input.$el)
},
methods: {
handleClick() {
const value = this.$refs.input.$el.value
console.log(value)
}
}
}
</script>
```
阅读全文