验证码: 看不清楚,换一张 查询 注册会员,免验证
  • {{ basic.site_slogan }}
  • 打开微信扫一扫,
    您还可以在这里找到我们哟

    关注我们

Vue3.0中ElementPlus<input输入框自动获取焦点>问题怎么解决

阅读:1878 来源:乙速云 作者:代码code

Vue3.0中ElementPlus问题怎么解决

      一、input-focus事件

      官方文档介绍:

      Vue3.0中ElementPlus<input输入框自动获取焦点>问题怎么解决

      正确使用方式:在el-input标签上加入ref属性,然后在需要的地方直接调用方法即可;

      二、使用步骤

      1.给input 设置ref 属性

      代码如下(示例):

      2.引入ref和nextTick

      代码如下(示例):

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

      3.在dialog打开事件中触发

      代码如下(示例):

      	const onOpenSp = (row) => {
      			state.dialogFormVisiblse = true;
      			nextTick(()=>{
      				console.log("进入")
      				refInput.value.focus()
      			})
      		};
    分享到:
    *特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: hlamps#outlook.com (#换成@)。
    相关文章
    {{ v.title }}
    {{ v.description||(cleanHtml(v.content)).substr(0,100)+'···' }}
    你可能感兴趣
    推荐阅读 更多>