vue 点击一个div，使input获得焦点

最新推荐文章于 2024-11-21 20:02:25 发布

转载最新推荐文章于 2024-11-21 20:02:25 发布 · 2.2k 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/gqx-html/p/7602232.html

文章标签：

#javascript #前端 #ViewUI

本文介绍如何在Vue项目中解决使用jQuery为输入框设置焦点的问题。通过使用setTimeout和$refs，作者提供了一个有效的方法来确保DOM元素加载完毕后再进行操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<div class="inputMessage" @click="inputMessage">输入留言</div>

<input type="text" v-model="textMessage" class="textMeassge" ref="child">

inputMessage：function（） {
　let childMessage = this.$refs.child
　setTimeout(function () {   //因为vue页面使用jquery在DOM未渲染完成之前事件绑定不上，所有需要延时（jquery不适合在vue页面中使用，但查了好多资料，没找到合适的vux获取input焦点的代码，就果断选择了这个）
　　　childMessage.focus()