vue3在setup中获取DOM元素

Vue3的setup()中this为undefined,是获取不到DOM元素的,用document.getElement也获取不到,于是查了网上,方法如下:

vue3引入一个新的APIgetCurrentInstance,调用它可以得到当前组件的实例对象,然后给要获取的元素添加ref,通过

<input ref='input'>

let instance=null
onMounted(()=>{
	instance=getCurrentInstance()
})

//instance.refs.input.value可以获取输入框的值

你可能感兴趣的:(前端,javascript,html)