【菜狗work前端】小程序加if判断时不及时刷新 vs Web

零、前提:

实现input输入数字不大于10000(需要配合type=number,maxlength=5,这里没写)

一、探究代码:

复制代码
 <input v-model="model1" @input="changeModel1" placeholder="请输入拒收件数"/>

const model1=ref(0)
const changeModel1=()=>{
    console.log('model1',model1.value)
    //是否去掉此处if判断
    if(model1.value>10000){
        console.log('model1>10000')
        model1.value = model1.value.slice(0, 4);
        console.log('model1',model1.value)
    }    
}

ps:vue2也试了一下,跟vue2还是vue3无关

二、探究结果:

1.web端/uniapp转微信小程序-未加if判断-及时更新

2.web端-加了if判断-及时更新

uniapp转微信小程序-加了if判断-未及时更新

三、AI分析原因:

四、解决方案:

解决uniapp转微信小程序-加了if判断-未及时更新:加一个nextTick(()=>{})即可

复制代码
import { ref, nextTick } from 'vue';

const changeModel1=()=>{
    if(model1.value>10000){
        nextTick(() => {
            model1.value = model1.value.slice(0, 4);
        }
    }    
}
相关推荐
一念杂记30 分钟前
【实战系列】30分钟开发微信小程序登录&注册&绑定功能
前端·后端·微信小程序
小白_ysf1 小时前
uniapp开发微信小程序(新旧版本对比:授权手机号登录、授权头像和昵称)
微信小程序·小程序·uni-app
hongkid1 小时前
微信小程序私密消息
微信小程序·小程序
kilito_011 小时前
uniapp 微信小程序 列表点击分享 不同的信息
微信小程序·小程序·uni-app
二饭1 小时前
微信小程序动态切换窗口主题色
微信小程序·小程序
白日依山尽yy1 小时前
Vue、微信小程序、Uniapp 面试题整理最新整合版
vue.js·微信小程序·uni-app
新手小黑吖1 小时前
vscode开发微信小程序
vscode·微信小程序
诗人不说梦^3 小时前
[极客大挑战 2019]FinalSQL
web·ctf
一只小风华~8 小时前
JavaScript 函数
开发语言·前端·javascript·ecmascript·web
Z3r4y11 小时前
【Web】京麒CTF 2025 决赛 wp
web·ctf·wp·京麒ctf2025