重新赋值Number后显示值为空

[LoveAndHope-dev]

this.changecakeForm.price = 26

<FormItem
          label="茶点价格"
          prop="price"
        >
          <Input
            v-model="changecakeForm.price"
            placeholder="Enter something..."
          ></Input>
        </FormItem>

changecakeForm: {
        price: null
      }

price: [
          { required: true, message: '茶点价格不能为空', trigger: 'blur' },
          {
            type: 'number',
            message: '请输入数字',
            trigger: 'blur',
            transform (value) {
              return Number(value);
            }
          }
        ],

这样赋值为空，这个问题弄得我有点恶心
后来歪打正着发现去掉trigger: 'blur'才正常显示，
这个问题有什么更好的办法吗，怎么解决谢谢大家。

[crazyair]

react-component#2