网页报错：Invalid handler for event "click": got undefined

Question

我可以填内容，也可以正常提交，但是点击radio以及向input框输入的时候浏览器开发者模式一直报错：Invalid handler for event "click": got undefined，请问是我哪里写的不对吗？

<el-form  :data="addForm" :model="addForm" :rules="addFormRules" ref="addFormRef" size="mini" label-width="80px">
              <el-form-item label="添加方式">
                <el-col :span="24">
                  <div class="grid-content bg-purple">
                    <el-radio border size="mini" v-model="addForm.outtype" :label="1">
                      政府领取
                    </el-radio>
                    <el-radio border size="mini" v-model="addForm.outtype" :label="2">
                      医院领取
                    </el-radio>
                    <el-radio border size="mini" v-model="addForm.outtype" :label="3">
                      社区领取
                    </el-radio>
                  </div>
                </el-col>
              </el-form-item>

              <el-form-item label="紧急程度" prop="priority">
                <el-radio-group v-model="addForm.priority">
                  <el-radio :size="'mini'" :label="1">不急</el-radio>
                  <el-radio :size="'mini'" :label="3">常规</el-radio>
                  <el-radio :size="'mini'" :label="5">紧急</el-radio>
                </el-radio-group>
              </el-form-item>

              <div>

                <el-row>
                  <el-col :span="20">
                    <el-form-item label="发放数量" prop="itemnumber">
                      <el-input v-model="addForm.itemnumber"></el-input>
                    </el-form-item>
                  </el-col>
                </el-row>

                <el-row>
                  <el-col :span="20">
                    <el-form-item label="省份" prop="province">
                      <el-input v-model="addForm.province"></el-input>
                    </el-form-item>
                  </el-col>
                </el-row>

                <el-row>
                  <el-col :span="20">
                    <el-form-item label="城市" prop="city">
                      <el-input v-model="addForm.city"></el-input>
                    </el-form-item>
                  </el-col>
                </el-row>

                <el-row>
                  <el-col :span="20">
                    <el-form-item  label="区县" prop="county">
                      <el-input v-model="addForm.county"></el-input>
                    </el-form-item>
                  </el-col>
                </el-row>

                <el-row>
                  <el-col :span="20">
                    <el-form-item label="地址" prop="address">
                      <el-input v-model="addForm.address"></el-input>
                    </el-form-item>
                  </el-col>
                </el-row>

                <el-row>
                  <el-col :span="20">
                    <el-form-item label="联系人" prop="contact">
                      <el-input v-model="addForm.contact"></el-input>
                    </el-form-item>
                  </el-col>
                </el-row>

                <el-row>
                  <el-col :span="20">
                    <el-form-item label="电话" prop="phonenumber">
                      <el-input v-model="addForm.phonenumber"></el-input>
                    </el-form-item>
                  </el-col>
                </el-row>

                <el-form-item>
                  <el-button type="primary" @click="addOut">立即出库</el-button>

                  <el-button @click="reset">重置</el-button>
                </el-form-item>
              </div>
            </el-form>

Answer 1

参考GPT和自己的思路：从你提供的代码来看，没有发现明显的错误。报错可能是因为其他原因引起的。建议检查以下几点：

1. 是否正确引入了 Vue.js 和 Element UI 。如果没引入，可能会出现一些无法解释的错误。

2. 检查浏览器控制台中的错误信息，并将具体的错误信息提供给开发人员进行分析。

3. 检查代码中是否有其他的逻辑错误，例如变量名的拼写错误、变量类型不匹配等。

如果以上步骤都没有找到问题的话，那么可能是其他问题导致的，建议请开发人员进行深入分析。