5***@qq.com
5***@qq.com
  • 发布:2020-07-03 00:19
  • 更新:2020-07-03 00:19
  • 阅读:1024

【报Bug】ios的H5端动态设置input组件的focus属性无效

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: 10

HBuilderX类型: 正式

HBuilderX版本号: 2.7.14

手机系统: iOS

手机系统版本号: iOS 13.4

手机厂商: 苹果

手机机型: iphone8

页面类型: vue

打包方式: 云端

项目创建方式: HBuilderX

操作步骤:

通过Hello会获取到input输入框的焦点

预期结果:

safari浏览器上的input获取到焦点

实际结果:

input无法获取到焦点

bug描述:

<template>
<view class="content">
<image class="logo" src="/static/logo.png"></image>
<view class="text-area" @tap="goUrl">
<text class="title">{{title}}</text>
</view>
<input type="text" :focus="isFocus" placeholder="请输入">
</view>
</template>

<script>
export default {
data() {
return {
title: 'Hello',
isFocus: false
}
},
onLoad() {

    },  
    methods: {  
        goUrl() {  
            this.isFocus = true;  
        }  
    }  
}  

</script>

<style>
.content {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}

.logo {  
    height: 200rpx;  
    width: 200rpx;  
    margin-top: 200rpx;  
    margin-left: auto;  
    margin-right: auto;  
    margin-bottom: 50rpx;  
}  

.text-area {  
    display: flex;  
    justify-content: center;  
}  

.title {  
    font-size: 36rpx;  
    color: #8f8f94;  
}  

</style>

2020-07-03 00:19 负责人:无 分享
已邀请:

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