鍍金池/ 問答/iOS  Android  網絡安全  HTML/ weex input如何實現(xiàn)保留兩位小數(shù)?

weex input如何實現(xiàn)保留兩位小數(shù)?

weex input如何實現(xiàn)保留兩位小數(shù)?

用了vue官網demo

// 不是直接更新值,而是使用此方法來對輸入值進行格式化和位數(shù)限制
    updateValue: function (value) {
      var formattedValue = value
        // 刪除兩側的空格符
        .trim()
        // 保留 2 位小數(shù)
        .slice(
          0,
          value.indexOf('.') === -1
            ? value.length
            : value.indexOf('.') + 3
        )
      // 如果值尚不合規(guī),則手動覆蓋為合規(guī)的值
      if (formattedValue !== value) {
        this.$refs.input.value = formattedValue
      }
      // 通過 input 事件帶出數(shù)值
      this.$emit('input', Number(formattedValue))
    }

發(fā)現(xiàn)并不好用,試了好幾種方式,在weex上都沒有生效。。。

今天試了試這樣:

this.$nextTick(() => {
    this.endNum = this.updateValue(event.value);
    event.value = this.endNum;
  });

    updateValue(value) {
          var formattedValue = value
            // 刪除兩側的空格符
            .trim()
            // 保留 2 位小數(shù)
            .slice(
              0,
              value.indexOf('.') === -1
                ? value.length
                : value.indexOf('.') + 3
            )

            return formattedValue;
        }

發(fā)現(xiàn)能截取兩位小數(shù)了。但是截取的時候會閃一下,即被截取的那個數(shù)字先顯示了一下又消失的那個閃的動作,這該怎么搞

回答
編輯回答
我甘愿

js有個方式保留小數(shù)點后面的位數(shù):

const floatNumber = 3.4523
const twoDecimal = floatNumber.toFixed(2)
2017年12月8日 02:08