首先遇到BUG 不要慌,在vue表單提交的時(shí)候,我遇到了一個(gè)BUG,提示:
Cannot read property 'validate' of undefined

仔細(xì)審查表單代碼,核對(duì)信息
表頭:<el-form :model="valForm" :rules="rules" ref="valForm">
注意:

1. :model里面的單詞,要與ref一樣
2. :rules是驗(yàn)證用的不用改
3. v-model=里面也需要用valForm,比如valForm.name來(lái)取值
4. 提交按鈕綁定click:
   <el-button type="primary" @click="submitEdit('valForm')">確 定</el-button>
注意,不能有空格

下面寫(xiě)法:

submitEdit(formName) {
    this.$refs[formName].validate((valid) => {
        if (valid) {
          axios.put(`http://127.0.0.1:8000/admin/sitenode/${this.valForm.id}`, this.valForm).then(res => {
              //初始化
              this.init();
              //關(guān)閉對(duì)話框
              this.dialogTableVisible = false;
          })
           } else {
               console.log('error submit!!');
                return false;
           }
          });
      },

后端寫(xiě)法:

public function update(Request $request, $id)
    {
        SiteNode::where('id', $id)->update($request->all());
    }

總結(jié):遇到bug原因是因?yàn)槲业?code>:@click="submitEdit('valForm')"與ref`的值不同導(dǎo)致的
白天寫(xiě)B(tài)UG,晚上改BUG......