ios微信小程序中 input 输入框问题，输入的光标中的内容自动清空

最新推荐文章于 2025-09-07 15:13:36 发布

原创

最新推荐文章于 2025-09-07 15:13:36 发布 · 6.7k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#ios微信小程序中 input 输入框问题，输入的光标中的内容自动清空 #mpvue v-model #定时器和数据绑定影响

ios微信小程序中 input 输入框问题，输入的光标中的内容自动清空

问题描述

1.我在页面上有个倒计时的功能，每一秒都在更新时间，更新时间显示的值（view一直变）
2.我调用input输入框，准备输入内容，每次倒计时秒数变得时候，光标的内容自动全部清空

具体场景描述请见下图：

解决方案

这个问题是 mpvue 处理定时器和 input 输入框在ios上的兼容问题；问题连接附上：

github issuse 直达车

github 上有道友出了几个方案，但是都没有解决我的项目场景；最后捋了捋思路：既然 input 绑定数据会和定时器冲突，那就可以不绑定；代码如下（简写思路）：

<template>
    <figure class="main-input-box-textarea-inner" v-if="textareaShow">
        <section class="area-content">
              <input class="main-input-box-textarea"
                     v-if="textareaShow"
                     type="text"
                     @input="inputFunc"
                     maxlength="500"
                     @foc