【Vue】数据增删 进行computed计算动态筛选 不再显示已添加的数据

59 阅读1分钟
<el-option v-for="item in lastCLue" :key="item.id" :label="item.clue_title" :value="item"></el-option>
createProjectDialog: {
        visible: false,
        projectForm: {
          clue_id: undefined,
          project_title: '',
          project_remark: '',
          employee: [{employee_id: '', employee_name: '', employee_post: ''}],
          employee_name: '',
          clue_list: [{clue_id: '', clue_title: ''}],
          choosed_clue: [{id: '', clue_title: '', stage: ''}]
        },
        userList: [],
        associatedClues: [],
        addUser: true,
        isAddClue: true,
        clueOptions: []
      },


computed: {
    lastUser() {
      return this.createProjectDialog.userList.filter(item => !this.createProjectDialog.projectForm.employee.some(ele => ele.employee_id === item.id))
    },
    lastCLue() {
      return this.createProjectDialog.projectForm.clue_list.filter(item => !this.createProjectDialog.projectForm.choosed_clue.some(ele => ele.id === item.id))
    }