uni-app中计算器需用字符串绑定v-model，避免数字类型导致光标跳动；状态分“等待输入、待运算、新数字、等号后”四类处理；浮点运算须转整数计算防精度误差；数据应在data()初始化而非onLoad。
uni-app里怎么用v-model绑定计算器输入框
不能直接用 v-model 绑定数字类型变量，否则输入时会因类型转换导致光标跳动或清空。必须用字符串存储输入值，再在计算时转为数字。
常见错误现象：input 框刚输一个数字就失去焦点、连续输入变成“12”后突然变“1”，甚至点“0”没反应——本质是把 data 里的 currentValue 设成了 Number 类型，而 v-model 强制同步时触发了隐式转换。
- 声明变量时统一用字符串：
currentValue: ''、previousValue: ''、operator: '' -
<input v-model="currentValue" type="text" disabled />—— 注意禁用原生输入，只响应按钮操作 - 需要显示小数点或负号时，别用
Number()直接转，先用parseFloat()或正则校验字符串合法性
点击数字和运算符时如何更新状态
核心逻辑不是“拼字符串”，而是按计算器真实行为分状态处理：等待输入数字、已输入数字待运算、正在输入新数字、已按下等号待继续。
比如点 5 后再点 +，不能简单把 currentValue += '+'，而应把当前值存入 previousValue，记录 operator = '+'，并清空 currentValue 准备下一轮输入。
- 数字按钮：若
currentValue === '0'且新数字不是'0'，应替换而非拼接（避免“05”） - 小数点按钮：检查
currentValue是否已含'.'，且不能出现在开头（如'.5'允许，'.'不允许） - 运算符按钮：若已有
operator且currentValue非空，立刻执行一次calculate()再更新状态 - 等号按钮：必须触发计算，并把结果设为
previousValue，operator置空，currentValue设为结果字符串（保留小数位）
uni-app中实现四则运算要注意的兼容性问题
JavaScript 浮点运算是个坑，0.1 + 0.2 !== 0.3 在所有平台都存在，uni-app 也不例外。直接用 eval() 或 parseFloat(a) + parseFloat(b) 会导致界面显示异常（如显示 0.30000000000000004）。
不要为了“简洁”用 eval()，它在 App 平台可能被安全策略拦截，H5 下也有 XSS 风险；也不能依赖 toFixed() 做最终显示，因为它会四舍五入并转成字符串，影响后续计算精度。
- 推荐用整数运算思路：提取小数位数，转成整数计算后再还原。例如
0.1 + 0.2→ 找最大位数（1位），转为(1 + 2) / 10 === 0.3 - 封装一个
safeCalc(a, b, op)方法，内部用Math.round()和幂运算控制精度，返回 Number 类型结果 - 显示时再用
String(result)或result.toString()，避免toFixed()导致的隐式截断（如10.00显示成"10"） - 注意
NaN和除零判断：if (isNaN(result) || !isFinite(result))必须拦截，否则 App 端可能白屏
为什么uni-app的onLoad里不能初始化计算器数据
因为计算器是纯视图逻辑，不依赖页面参数或服务端数据，放在 data() 里初始化即可。onLoad 是监听页面加载，适合取 URL 参数或拉取远程配置，对计算器这种本地状态反而多余，还容易误写成异步初始化导致首次渲染空白。
另一个易错点：把所有逻辑写在 methods 里却忘了在 data 中声明初始值，导致 Vue 响应式失效——currentValue 变化但界面不更新。
- 必须在
data()返回对象中显式声明全部状态字段，包括空字符串、空字符、null 等默认值 - 不要在
onLoad或mounted中重新赋值覆盖data初始值，除非你明确需要延迟初始化 - 如果加了清除按钮（C），记得重置全部状态字段，不只是
currentValue，否则再点数字会沿用旧的previousValue和operator
