如何从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>