vue中使用过滤器将阿拉伯数字转换成汉字_vue循环的时候把数字1转化成一

首先定义我们的全局过滤器

代码复制：

Vue.filter('numberChange', function(num) {
 
  const arr1 = ['零', '一', '二', '三', '四', '五', '六', '七', '八', '九'];
 
  const arr2 = [ '','十','百','千', '万','十', '百','千','亿','十','百','千','万','十','百','千','亿']; // 可继续追加更高位转换值
 
  if (!num) {
 
    return '零';
 
  }
 
  const splitNumberArr = num
 
    .toString()
 
    .split('')
 
    .reverse();
 
  let result = '';
 
  for (let i = 0; i < splitNumberArr.length; i++) {
 
    const index = splitNumberArr[i];
 
    result = arr1[index] + arr2[i] + result;
 
    console.log('b.result', result);
 
  }
 
  // 将【零千、零百、零十】换成【零】 【十零】换成【十】
 
  result = result.replace(/零(千|百|十)/g, '零').replace(/十零/g, '十');
 
  // 将【零亿】换成【亿】【零万】换成【万】
 
  result = result.replace(/零亿/g, '亿').replace(/零万/g, '万');
 
  // 将【亿万】换成【亿】
 
  result = result.replace(/亿万/g, '亿');
 
  // 移除末尾的零
 
  result = result.replace(/零+$/, '');
 
  // 将【一十】换成【十】（一开头的两位数）
 
  result = result.replace(/^一十/g, '十');
 
  return result;
 
});

在页面中使用过滤器：

页面效果：