iview form表單的一些坑

props: {
    order: {
        type: Object,
        required: true,
    }
},
data() {
    return {
      formItem: {
        user: {
          uname: '',
          user_id: '',
          mobile: '',
          ...this.order.user,
        },
        orderId: this.order.order_id,
        ...
      ruleValidate: {
        refundAmount: [
          {
            required: true,
            message: '請輸入正確的退款金額',
            type: 'integer',
            min: 1,
            max: this.order.money
          },
        ],

如果props裏order的值會改變,則不應該讓formItem的值初始化爲order的值,也不應該在ruleValidate裏使用order的值

1.當調用resetFields時,會將formItem的值重置爲初始化的值而不是新的order的值;

2.當調用validate時,會根據初始化時ruleValidate的值來校驗,而不是新的order的值。

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章