表里新增文本框元素不是空的，而且点击保存会显示内容不能为空

一个很奇葩的错误
思路是点击新增按钮添加一行文本框（现在暂时没有完善这个怎么并列一行），点击删除就删掉一行，这个已经实现了，问题是它显示的是数据库里面的内容，新增之后还是同一个内容，明明框里不是空的，但是点击提交显示内容不能为空
（注：队长姓名是另一个表里的）

点击队员分配即弹出这个窗口

然后如果这几行条目在数据库是空的，控制台会显示错误，加载不出这个窗口
加载不出窗口时是这样的

表名字叫做editpeople

  <!-- 添加或修改编辑队伍人员对话框 -->
          <el-dialog :title="title" :visible.sync="edit" width="500px" append-to-body>
            <el-form ref="form" :model="form" :rules="rules" label-width="80px">
              <el-col :span="1.5">
                <el-button
                type="primary"
                plain
                icon="el-icon-plus"
                size="mini"
                @click="lineAdd"

              >新增</el-button>

              </el-col>

              <div v-for="(item, index) in editpeopleList" :key="index">
              <el-form-item label="姓名" prop="name">
                <el-input v-model="form.name" placeholder="请输入姓名" />
              </el-form-item>
              <el-form-item label="电话" prop="peoplephone">
                <el-input v-model="form.peoplephone" placeholder="请输入电话" />
              </el-form-item>
              <el-form-item label="岗位" prop="position">
                <el-select v-model="form.position" placeholder="请选择岗位">
                  <el-option
                    v-for="dict in dict.type.position"
                    :key="dict.value"
                    :label="dict.label"
                    :value="dict.value"
                  ></el-option>
                </el-select>
              </el-form-item>
              </div>
            </el-form>

            <el-col :span="3">

              <el-button
                size="mini"
                type="text"
                @click="deleteRow()"

              >删除</el-button>
            </el-col>

            <div slot="footer" class="dialog-footer">
              <el-button :loading="buttonLoading" type="primary" @click="submitForm">保 存</el-button>
              <el-button @click="cancel">取 消</el-button>
            </div>

          </el-dialog>

data() {
    return {
     temp:[],
      defaultTemp:{
      },
      edit:false,
      // 按钮loading
      buttonLoading: false,
      // 遮罩层
      loading: true,
      // 选中数组
      ids: [],


      // 非单个禁用
      single: true,
      // 非多个禁用
      multiple: true,
      // 显示搜索条件
      showSearch: true,
      // 总条数
      total: 0,
      // team表格数据
      teamList: [],
      editpeopleList:[],
      // 弹出层标题
      title: "",
      // 是否显示弹出层
      open: false,
      // 查询参数

 created() {
    this.getList();

  },
  methods: {
    /** 查询team列表 */
    getList() {
      this.loading = true;
      listTeam(this.queryParams).then(response => {
        this.teamList = response.rows;
        this.total = response.total;
        this.loading = false;
      });

    },

lineAdd() {
     const newLine={
        name: '',
        peoplephone: '',
        position: ''
      }
      this.index++
      this.editpeopleList.push(newLine)
    },

还有想看的代码段可以评论，我可以再贴上去

看下 submitForm 事件

不知道你这个问题是否已经解决, 如果还没有解决的话:

• 帮你找了个相似的问题, 你可以看下: https://ask.csdn.net/questions/7728679

如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^