阅读数:135 评论数:0

一、概述

在vue3中没有$refs这个对象，可以使用如下方法

<template>
<div><input type="text" ref="txt1" value="hello" /></div>
</template>

<script>
import { defineComponent, ref } from "vue";

export default defineComponent({
  setup() {
  	const txt1 = ref();

	const test = () => {
		console.log(txt1.value.value);
	}
	
	return {
		txt1,//一定不要忘记在return中返回给外部
		test
	}
  }
});
</script>

二、使用示例

1、el-input获取焦点

<el-input ref="refInput" 
clearable maxlength="100" 
placeholder="请输入审批意见" 
style="width: auto"
type="textarea" 
v-model="state.bz"></el-input>


import { ref,nextTick } from 'vue';
const refInput =ref()


const onOpenSp = (row) => {
			state.dialogFormVisiblse = true;
			nextTick(()=>{
				console.log("进入")
				refInput.value.focus()
			})
};