如何从vue中的输入数字中删除默认值？

Question

我有一个 Vue 输入数字组件，它接受小数点后五位的精度。一切都很好，除了它显示默认值 0.000000，这看起来有点无聊，因为这个字段是可选的。我正在使用 element-ui 中的 el-input-number 组件。是否有任何调整可以删除 0.000000 的无聊默认值？

<span class="custom-label">
Optional Multiplier Amount
</span>
<el-input-number
   :controls="false"
   v-model="form.multiplier_amount"
   :size="size"
   :step="0.1"
   :precision="5"
   class="optional-multiplier"
   />

data(){
 return{
  form: {
    multiplier_amount: null
        }
       }
      }

Answer 1

设置为undefined:

new Vue({
  el: "#demo",
  data(){
    return{
      form: {
        multiplier_amount: undefined
      },
    }
  }
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
<div id="demo">
  <span class="custom-label">
    Optional Multiplier Amount
  </span>
  <el-input-number
    :controls="false"
    v-model="form.multiplier_amount"
    :step="0.1"
    class="optional-multiplier"
    :precision="5"
  />
</div>

如何从vue中的输入数字中删除默认值？

How to remove default value from input number in vue?

html

javascript

vue.js

nuxt.js

element-ui