title: [Vue warn]: Error in v-on handler: "TypeError: Cannot read property 'id' of undefined" while trying to get array of ids from selected rows in b-table
body: <p>I am using bootstrap-vue tables selectable prop  i can get the selected rows but that contain all the properties of the rows but i want only the id of the selected  rows.
  to do this tried this</p>
  <pre><code> getids(){
  for (var i = 0; i &lt;= this.selected.length; i++) {
          this.filteredORD_NO.push(this.selected[i].id)
        } }
  </code></pre>
  <p>where selected [] is the selected array which contain all properties of the row and filteredORD_NO[] is an array which contain ids extracted from the selected [] array. this does work when i call the function directly eg by btn , but shows &quot;Error in v-on handler: &quot;TypeError: Cannot read property 'id' of undefined&quot; when i try to sed this data to the backend.
  &quot;</p>
  <pre><code>    assignmethod() {
        this.getids(),
          this.WorkToteam[0] = this.filteredORD_NO,
          this.WorkToteam[1] = this.selectedteam,
       
        console.log(WorkToteam);
        this.axios({
          method: &quot;POST&quot;,
          url: &quot;/path/to/backend&quot;,
          data: this.workToteam,
          headers: { Authorization: &quot;Bearer &quot; + localStorage.getItem(&quot;ikey&quot;) },
        })
          .then(
            (response) =&gt; (
              console.log(&quot;response&quot;),
            
            )
          )
          .catch((error) =&gt; console.log(error))
          .finally(() =&gt; (this.loading = false));
      },
  </code></pre>