vue + element 表格中填写采购数量为0时系统不允许提交提交跳出提示框：采购数量不能为零

在Vue和Element表格中，可以通过监听表格数据的变化来判断采购数量是否为零，并在提交时进行相应的处理。

首先，在表格中的每一行添加一个数量输入框，绑定到对应的数据项：

<el-table :data="tableData">
  <el-table-column prop="name" label="名称"></el-table-column>
  <el-table-column label="采购数量">
    <template slot-scope="scope">
      <el-input-number v-model="scope.row.quantity" :min="0"></el-input-number>
    </template>
  </el-table-column>
</el-table>

然后，在提交按钮的点击事件中，遍历表格数据，判断采购数量是否为零，如果有任何一行的采购数量为零，则弹出提示框：

methods: {
  submit() {
    let hasZeroQuantity = false;
    this.tableData.forEach((item) => {
      if (item.quantity === 0) {
        hasZeroQuantity = true;
      }
    });

    if (hasZeroQuantity) {
      this.$confirm('采购数量不能为零', '提示', {
        confirmButtonText: '确定',
        type: 'warning'
      });
    } else {
      // 执行提交操作
    }
  }
}

这样，当点击提交按钮时，会遍历所有表格数据，如果存在采购数量为零的情况，会弹出提示框，否则执行提交操作