[Vue警告]:尝试从b表中的选定行获取ID数组时,v-on处理程序中出现错误:“ TypeError:无法读取未定义的属性'id'”

问题描述

我正在使用bootstrap-vue表可选择道具,我可以获取所选行,但包含行的所有属性,但我只希望所选行的ID。 为此尝试了

 getids(){
for (var i = 0; i <= this.selected.length; i++) {
        this.filteredORD_NO.push(this.selected[i].id)
      } }

其中selected []是包含该行所有属性的选定数组,而filterORD_NO []是一个包含从选定[]数组中提取的ID的数组。当我直接通过btn等函数调用函数时,它确实起作用,但是当我尝试将该数据存储到后端时,显示“ v-on处理程序中的错误:“ TypeError:无法读取未定义的属性'id'”。 “

    assignmethod() {
      this.getids(),this.WorkToteam[0] = this.filteredORD_NO,this.WorkToteam[1] = this.selectedteam,console.log(WorkToteam);
      this.axios({
        method: "POST",url: "/path/to/backend",data: this.workToteam,headers: { Authorization: "Bearer " + localStorage.getItem("ikey") },})
        .then(
          (response) => (
            console.log("response"),)
        )
        .catch((error) => console.log(error))
        .finally(() => (this.loading = false));
    },

解决方法

filteredORD_NO必须为数组 像filteredORD_NO:[]这样声明,解决了这个问题。