vue 数据组装问题？

Question

addOperateAuth() {
      for (let i = 0; i < this.checkedApiIds.length; i++) {
        const { id: apiId, name: operateName } = this.checkedApiIds[i];
          this.checkOperateAuths.push({
            appId: this.form.appId,
            appName: this.form.appName,
            roleId: this.form.roleId,
            roleName: this.form.roleName,
            apiId,
            operateName,
            resourceName: this.form.resourceName,
          });
          console.log('已选择权限-->', this.checkOperateAuths);
      }
    },

判断选择重复
如何在提交的时候判断是否与后台数据重复

望各位老师指点，谢谢

Answer 1

最终无论如何都需要后端去判断。

前端可以先从后端拉取特定的数据进行判断，然后过滤掉重复的项，再提交。但是这个过程只是降低重复的概率，并不能解决重复的问题（假如正好在你上次取数据之后提交了这里要提交相同的内容呢？）。所以最准确的判断肯定是在后端进行的。前端进行初筛可以优化体验，但不能解决问题。

Answer 2

你的意思是判断当前提交的表单数据是否在数据库中已存在？这只能后端去做判断，毕竟前端连不到数据库

Answer 3

我觉得你可以在表单输入完成就调用接口来判断，如果重复后直接提示错误信息，不用等到最后提交数据在去判断！