4***@qq.com
4***@qq.com
  • 发布:2020-08-25 13:31
  • 更新:2020-08-25 15:44
  • 阅读:676

#插件讨论# 【 极简登录注册模板 - amoshuke@qq.com 】密码框焦点获取不到

分类:uni-app

:focus自动获取焦点不支持,请问如何解决

2020-08-25 13:31 负责人:无 分享
已邀请:
豆豆er

豆豆er

首先感谢你的提问,我这边按照你邮件附件给我的方式复现发现了一些问题,具体可以参照我的以下做法。

一、组件修改

1、【修改watch-inpu.vue】 props 新增 isFocus

用于父子组件通讯


props:{  
    isFocus:{  
        //是否聚焦  
        type: [Boolean,String],  
        default: false  
    }  
}  

2、【修改watch-inpu.vue】 computed 新增 _isFocus

用于监控计算处理传入的isFocus值,避免在某些情况下传入String无效的情况,将String转了一次Boolean


computed:{  
    _isFocus() {  
        //处理值  
        return String(this.isFocus) !== 'false'  
    }  
}  

3、【修改watch-inpu.vue】 新增 :focus="_isFocus"

    <!-- 文本框 -->  
    <input   
        :focus="_isFocus"  
    ></input>

二、食用

    <wInput  
        v-model="xxxxxx"  
        type="text"  
        :isFocus="true"  // 直接触发聚焦  
    ></wInput>

该问题目前已经被锁定, 无法添加新回复