在js中，用戶點(diǎn)擊添加怎么才能讓文本每次加一呢？(中文的一，每次加一個(gè))

在js中，用戶點(diǎn)擊添加怎么才能讓文本每次加一呢？(中文的一，每次加一個(gè))
我的頁面如下

我想點(diǎn)擊新增檢查項(xiàng)的時(shí)候，新增出來任務(wù)二

在點(diǎn)擊新增出來任務(wù)三

數(shù)字的我會(huì)，但是中文的我就不會(huì)了，
我用的框架是Vue.js，請(qǐng)大神賜教

回答

編輯回答

脾氣硬

https://jsfiddle.net/v1un4r4s...

類似這種方式

2018年8月8日 04:12

編輯回答

涼汐

https://www.npmjs.com/package...
用這個(gè) 提供把數(shù)字轉(zhuǎn)成中文漢字

2017年12月17日 08:23

編輯回答

怪痞

index + 1 -> 漢字
映射對(duì)象

2017年12月24日 16:47

編輯回答

怪痞

聽描述要的是Number.prototype.toLocaleString()？不過目前沒在生產(chǎn)環(huán)境下用過這個(gè)。。。用的話也建議掛個(gè)polyfill以防萬一吧。

2017年8月1日 15:35

編輯回答

網(wǎng)妓

我平時(shí)用的是angular,應(yīng)該和你這個(gè)也差不多，你這個(gè)“任務(wù)”，可以用v-for去遍歷一個(gè)數(shù)組來生成，點(diǎn)新增項(xiàng)的時(shí)候，就往數(shù)組里面加一個(gè)json即可。

2017年10月4日 01:56

編輯回答

獨(dú)白

我的思路是將數(shù)字1和漢字一做成一一對(duì)應(yīng)，然后用戶加1的時(shí)候看數(shù)值，之后將數(shù)值拆分，因?yàn)閿?shù)值可能是十位百位或者千位，所以還得建一個(gè)['十','百','千']的數(shù)組，然后對(duì)數(shù)值取膜，這個(gè)有點(diǎn)煩···我封裝了一個(gè)函數(shù)但是還是有點(diǎn)缺陷
function smalltoBIG(n) {
var fraction = ['角', '分'];
var digit = ['零', '壹', '貳', '叁', '肆', '伍', '陸', '柒', '捌', '玖'];
var unit = [['元', '萬', '億'], ['', '拾', '佰', '仟']];
var head = n < 0 ? '欠' : '';
n = Math.abs(n);
var s = '';
for (var i = 0; i < fraction.length; i++) {

s += (digit[Math.floor(n * 10 * Math.pow(10, i)) % 10] + fraction[i]).replace(/零./, '');

}
s = s || '整';
n = Math.floor(n);

for (var j = 0; j < unit[0].length && n > 0; j++) {

var p = '';
for (var k = 0; k < unit[1].length && n > 0; k++) {
  p = digit[n % 10] + unit[1][k] + p;
  n = Math.floor(n / 10);
}
s = p.replace(/(零.)*零$/, '').replace(/^$/, '零') + unit[0][j] + s;

}
return head + s.replace(/(零.)*零元/, '元').replace(/(零.)+/g, '零').replace(/^整$/, '零元整');
}

console.log(smalltoBIG(1234.4));

2018年1月31日 03:56

編輯回答

脾氣硬

<span>任務(wù){(diào){index | indexFilter}}</span>

index表示任務(wù)序號(hào)，數(shù)據(jù)類型為Number

indexFilter (num) {
  num = num.toLocaleString('zh-u-nu-hanidec').replace(/[,]/g, '')
  let temp = [...num]
  let maxlength = temp.length
  let str = ''
  for (let v of Object.values(temp)) {
    let unit
    switch (maxlength) {
      case 1:
        unit = ''
        break
      case 2:
        unit = '十'
        break
      case 3:
        unit = '百'
        break
      case 4:
        unit = '千'
        break
    }
    str += `${v === '一' && maxlength === 2 ? '' : v}${unit}`
    maxlength--
  }
  console.log(str)
  return str
}

控制臺(tái)打印結(jié)果即為中文，參考了樓上使用了Number.toLocaleString()的方法轉(zhuǎn)換成中文，我這個(gè)過濾器只過濾到千位，并且沒有過濾小數(shù)點(diǎn)，請(qǐng)題主參考邏輯后自行修改

2018年2月21日 17:32