【菜狗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);}}    
}

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/web/81141.shtml
繁體地址,請注明出處:http://hk.pswp.cn/web/81141.shtml
英文地址,請注明出處:http://en.pswp.cn/web/81141.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

【Netty】- NIO基礎2

阻塞模式 客戶端代碼 public class Client {public static void main(String[] args) throws IOException {SocketChannel sc SocketChannel.open();sc.connect(new InetSocketAddress("localhost", 8080));// sc.write(Charset.defaultCharset().encode("he…

【WebRTC】源碼更改麥克風權限

WebRTC源碼更改麥克風權限 倉庫: https://webrtc.googlesource.com/src.git分支: guyl/m125節點: b09c2f83f85ec70614503d16e4c530484eb0ee4f

cocos creator使用jenkins打包微信小游戲,自動上傳資源到cdn,windows版運行jenkins

cocos 版本2.4.11 在windows上jenkins的具體配置和部署&#xff0c;可參考上一篇文章cocos creator使用jenkins打包流程&#xff0c;打包webmobile_jenkins打包,發布,部署cocoscreator-CSDN博客 特別注意&#xff0c;windows上運行jenkins需要關閉windows自己的jenkins服務&a…

力扣刷題(第三十六天)

靈感來源 - 保持更新&#xff0c;努力學習 - python腳本學習 多數元素 解題思路 這道題是要找出數組中出現次數超過一半的元素。有幾種不同的方法可以解決這個問題&#xff1a; 哈希表統計法&#xff1a;遍歷數組&#xff0c;用哈希表統計每個元素的出現次數&#xff0c;…

關于讀取CH584單片機的IO電平出現到的烏龍

本來是調用的庫里的 uint8_t get_wake_up_sta (void) {return GPIOB_ReadPortPin(GPIO_Pin_10);//return cc_gpio_get_in_io (WAKUP_CH);} 然后讀出來是0&#xff0c;我都配置上拉了。 搞不到原因。 最后是CH584單片機只有0和非零兩種狀態&#xff0c;讀出來1024被轉換成無…

Opencv常見學習鏈接(待分類補充)

文章目錄 1.常見學習鏈接 1.常見學習鏈接 1.Opencv中文官方文檔 2.Opencv C圖像處理&#xff1a;矩陣Mat 隨機數RNG 計算耗時 鼠標事件 3.Opencv C圖像處理&#xff1a;亮度對比度飽和度高光暖色調陰影漫畫效果白平衡浮雕羽化銳化顆粒感 4.OpenCV —— 頻率域濾波&#xff…

anaconda、miniconda、conda的關系及miniconda安裝

anaconda、miniconda、conda的關系及miniconda安裝 文章目錄 前言正文定義關系Linux安裝miniconda新建一個python3.8環境 參考 前言 本文用于記錄關于Anaconda、conda和Miniconda的定義及其關系的總結123&#xff1a; 正文 定義 conda 一個跨平臺的開源包管理和環境管理工具…

2024-2025年AI領域重大事件深度解析:技術革命、產業重構與未來挑戰

一、技術突破&#xff1a;從多模態到具身智能的跨越式演進 1. 生成式AI的“核爆級”升級 多模態融合&#xff1a;OpenAI的GPT-4o實現文本、圖像、語音的實時交互&#xff0c;GPQA基準測試得分達87.7%&#xff0c;在科學推理和編程任務中表現卓越1。谷歌的Gemini 2.0 Flash支持…

城市地下“隱形衛士”:激光甲烷傳感器如何保障燃氣安全?

城市“生命線”面臨的安全挑戰 城市地下管網如同人體的“血管”和“神經”&#xff0c;承載著燃氣、供水、電力、通信等重要功能&#xff0c;一旦發生泄漏或爆炸&#xff0c;將嚴重影響城市運行和居民安全。然而&#xff0c;由于管線老化、違規施工、監管困難等問題&#xff0…

融云 uni-app IMKit 上線,1 天集成,多端暢行

融云 uni-app IMKit 正式上線&#xff0c;支持一套代碼同時運行在 iOS、Android、H5、小程序主流四端&#xff0c;集成僅需 1 天&#xff0c;并可確保多平臺的一致性體驗。 融云 uni-app IMKit 在 Vue 3 的高性能加持下開發實現&#xff0c;使用 Vue 3 Composition API&#x…

《Claude:人工智能界的璀璨新星》

一、Claude 登場&#xff1a;AI 新時代的震撼開篇 在科技飛速發展的今天&#xff0c;人工智能&#xff08;AI&#xff09;已經成為推動社會進步和創新的核心力量。從智能語音助手到自動駕駛汽車&#xff0c;從圖像識別技術到自然語言處理&#xff0c;AI 正以驚人的速度滲透到我…

Python中tqdm進度條工具和enumerate函數的使用詳解

tqdm進度條工具 tqdm 是 Python 中一個非常流行的 進度條顯示工具庫&#xff0c;常用于迭代操作的可視化&#xff0c;比如訓練神經網絡、批量數據處理等任務。 一、tqdm 是什么&#xff1f; tqdm 全稱是 taqaddum&#xff08;阿拉伯語&#xff0c;意為“進展”&#xff09;&a…

yum命令常用選項

刷新倉庫列表 sudo yum repolist清理 Yum 緩存并生成新的緩存 sudo yum clean all sudo yum makecache驗證 EPEL 源是否已正確啟用 sudo yum repolist enabled安裝軟件包 sudo yum install <package-name> -y更新軟件包 sudo yum update -y僅更新指定的軟件包。 su…

linux debug技術

Linux是當今應用最廣泛的免費和開源操作系統&#xff0c;它是一個復雜的分布式操作系統。它的內核的強大和靈活性已成為引用它的原因之一。在掌握Linux內核的過程中&#xff0c;調試工具可以幫助開發人員獲得更深入的反思和理解。下面有25種不可或缺的Linux內核調試工具&#x…

【LinkedList demo 內部類講說】

LinkedList demo 內部類講說 1. Node節點2.MyLinkedList3. LinkedListTest 測試類 1. Node節點 public class Node<T> {private Node<T> pre;private Node<T> next;private T data;public Node() {}public Node getPre() {return pre;}public void setPre(N…

html主題切換小demo

主題切換功能為網頁和應用程序提供了多樣化的視覺風格與使用體驗。實現多主題切換的技術方案豐富多樣&#xff0c;其中 CSS 變量和 JavaScript 樣式控制是較為常見的實現方式。 以下是一個簡潔的多主題切換示例&#xff0c;愿它能為您的編程之旅增添一份趣味。 代碼展示 <…

【數據結構】

一、架構梳理 線性&#xff08;1:1) 線性表 順序存儲 –> arr 鏈式存儲 –> 指針 &#xff08;有頭&#xff0c;無頭&#xff09; 有頭是指有一個不存數據的頭&#xff0c;始終作為這個鏈表的起點。 會更加簡單&#xff0c;無頭的話&#xff0c;更改首部節點會麻煩。 頭…

UML學習指南:從零入門到實戰應用

為零基礎學習者設計的UML技術文檔&#xff0c;旨在通過詳細解釋和實際案例&#xff0c;從零開始掌握UML。 UML學習指南&#xff1a;從零入門到實戰應用 目錄 引言&#xff1a;UML是什么&#xff1f;為什么學習UML&#xff1f; 1.1 什么是UML&#xff1f;1.2 為什么我們需要UM…

Matlab實戰訓練項目推薦

以下是一系列適合不同技能水平的 MATLAB 實戰訓練項目&#xff0c;涵蓋基礎編程、數據分析、信號處理、圖像處理、控制系統、機器學習等領域。這些項目可幫助你鞏固理論知識并提升實際應用能力。 一、基礎項目&#xff08;適合初學者&#xff09; 矩陣運算與可視化 目標&#x…

從零開始:Python語言進階之異常處理

一、認識異常&#xff1a;程序運行中的“意外事件” 在編寫Python程序時&#xff0c;即使代碼語法完全正確&#xff0c;運行過程中也可能遭遇各種意外情況。這些意外被稱為異常&#xff0c;它們會打斷程序的正常執行流程。例如&#xff0c;當我們嘗試打開一個不存在的文件、用0…