报错：Unresolved variable selection

Question

请问为什么我selectedItems里的selection会报错？

<el-table :data="stockList" style="height:430px;" border>
              <el-table-column type="selection" :reserve-selection="true"></el-table-column>
              <el-table-column prop="itemname" label="物资名称"></el-table-column>
              <el-table-column prop="numbers" label="物资数量"></el-table-column>
              <el-table-column prop="unit" label="物资单位"></el-table-column>
            </el-table>

selectedItems() {
      return this.stockList.filter(item => this.$refs.table.selection.includes(item))
          .map(item => ({ name: item.itemname, unit: item.unit }));
    }

setUserInfo() {
      // 填入用户名
      this.addForm.person = this.showUsername;
      this.addForm.itemtype = this.selectedItems[0].name;
      this.addForm.unit = this.selectedItems[0].unit;

    },

Answer 1

该回答引用GPT:
可能是因为你在selectedItems()方法中使用了this.$refs.table.selection，但是你没有在el-table标签中定义ref属性，所以报错了。

解决方法：
在el-table标签中添加ref属性，如：

<el-table ref="table" :data="stockList" style="height:430px;" border>
              <el-table-column type="selection" :reserve-selection="true"></el-table-column>
              <el-table-column prop="itemname" label="物资名称"></el-table-column>
              <el-table-column prop="numbers" label="物资数量"></el-table-column>
              <el-table-column prop="unit" label="物资单位"></el-table-column>
            </el-table>

如还有疑问，可以私信帮助解决。