本文主要是介绍vue3打开页面后文本框自动获得焦点,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
字符串写法
<script setup>
import { ref, onMounted } from 'vue'
import './index.css'const input = ref(null)onMounted(() => {input.value.focus()
})
</script><template><div class="m-home-wrap"><input ref="input" /><div class="m-home-demo"></div></div>
</template><style></style>
函数写法
<script setup>
import { ref, onMounted } from 'vue'
import './index.css'const input = ref(null)onMounted(() => {input.value.focus()
})
</script><template><div class="m-home-wrap"><input:ref="(el) => {input = el}"/><div class="m-home-demo"></div></div>
</template><style></style>
人工智能学习网站
https://chat.xutongbao.top
这篇关于vue3打开页面后文本框自动获得焦点的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!