重新赋值 Number 后,显示值为空

this.changecakeForm.price = 26 <FormItem label="Tea point price" prop="price"

<Input v-model="changecakeForm.price" placeholder="Enter something..."

changecakeForm: { price: null } price: [ { required: true, message: 'Tea point price cannot be empty', trigger: 'blur' }, { type: 'number', message: 'Please enter a number', trigger: 'blur', transform (value) { return Number(value) } }, ] So, when I set it to null, this problem made me feel a little sick. Later, I found that removing the trigger: 'blur' made it display normally. Is there a better way to solve this problem? Thank you everyone.