vue + vant 移动端手机端时间插件点击自带键盘和选择时间表同时弹出问题。

qq_36165747

于 2018-11-30 16:23:44 发布

阅读量9.4k

点赞数 1

文章标签： vue vant 移动端

本文链接：https://blog.csdn.net/qq_36165747/article/details/84658012

版权

在使用Vue和Vant开发移动端应用时，遇到一个bug：在手机端选择时间时，同时弹出了软键盘和时间选择器。问题仅在真机上出现，电脑模拟器正常。解决方法是在相关代码中添加一行特定代码，避免键盘与时间选择器同时显示。

摘要由CSDN通过智能技术生成

最新在写一个新项目，就是用vue + vant 做的一个app,之前没用过vant来写过。在一个选择时间的时候遇到了一个问题，电脑模拟器没什么问题，打包放到手机上出现的问题是自带键盘和选择时间显示的同时弹出了，

<div class="date-time-input-wrap">
    <van-field
            v-model="loginForm.startTime"
            label="有效日期"
            placeholder="选择时间"
            @click="startTimePop = true"
    />
    <van-popup v-model="startTimePop" label="有效日期" position="bottom" :overlay="true">
        <van-datetime-picker
                v-model="currentDate"
                type="date"
                :min-date="minDate"
                :max-date="maxDate"
                @cancel="startTimeCancelDate"
                @confirm="startTimeConfirm"/>
    </van-popup>
</div>

原本代码