不能用过滤器实现阿拉伯数字转中文大写数字——因uni-app小程序端过滤器不执行、vue 3已移除filter语法，且过滤器无法处理位数判断、零省略、小数拆分等逻辑，也无法接收配置参数；应改用纯函数显式调用。
不能用过滤器实现阿拉伯数字转中文大写数字——不是写法问题，是 uni-app 的过滤器机制在小程序端根本不会执行，Vue 3 模式下也已彻底移除 filter 语法。
为什么 filter 在数字转大写场景下必然失效
数字转中文大写（如 123 → 壹贰叁）需要完整 JS 运行时环境：位数判断、零的省略逻辑、单位映射、小数点拆分等。而 uni-app 的过滤器：
- 在微信/支付宝/字节等小程序平台被编译器直接跳过，
{{ num | toChineseDigits }}渲染结果就是原始数字 - 即使项目是 Vue 2 模式，也仅 H5 端可用；App 端行为不一致，真机调试时极易误判为“逻辑没跑”
- 过滤器无法接收配置参数（如是否保留前导零、是否处理小数），硬编码规则导致复用性差
真正跨端可用的替代方案：纯函数 + 显式调用
把转换逻辑封装成独立函数，在 setup() 或 data() 中主动调用，确保 iOS、Android、各大小程序走同一套 JS 路径：
推荐写法（可直接复制进 utils/number.js）：
export const toChineseDigits = (num) => {
if (num == null || isNaN(Number(num))) return '零'
const digits = ['零', '壹', '贰', '叁', '肆', '伍', '陆', '柒', '捌', '玖']
const str = String(Math.abs(Number(num))).split('')
return str.map(d => digits[Number(d)] || '零').join('')
}
在组件中使用：
- Vue 2：
data() { return { displayNum: toChineseDigits(this.rawNum) } } - Vue 3（Composition API）：
const displayNum = computed(() => toChineseDigits(rawNum.value)) - 模板里直接写：
{{ toChineseDigits(item.price) }}（需先import { toChineseDigits }并在setup中返回）
容易被忽略的边界情况
中文大写数字常用于财务、表单展示等强规范场景，以下三点必须手动处理，过滤器做不到：
-
null/undefined必须兜底：String(num || '0')，否则undefined.toString()报错 - 负号要单独判断：
num - 小数部分需显式拆分：
const [int, dec] = String(num).split('.')，不能依赖toFixed()—— 它会四舍五入，破坏原始精度
真正的难点不在“怎么转”，而在“谁来保证每个端都执行了这段逻辑”。把转换动作从模板管道移到 JS 主动调用，才是跨端稳定的唯一路径。
