title: Vuejs Send row data to parent component
body: <p>I'm trying to call a certain function when I select a row from the ant-design-vue table. So far I have this in my code:</p>
  <pre><code>&lt;script&gt;
    const rowSelection = {
       onChange: (selectedRowKeys, selectedRows) =&gt; {
         console.log(`selectedRowKeys: ${selectedRowKeys}`, 'selectedRows: ', selectedRows);
       },
       onSelect: (record, selected, selectedRows) =&gt; {
         console.log(record, selected, selectedRows);
       },
       onSelectAll: (selected, selectedRows, changeRows) =&gt; {
         console.log(selected, selectedRows, changeRows);
       },
    };
  &lt;/script&gt;
  </code></pre>
  <p>This is from the ant-desing-vue documentation. I want to call a method inside the onSelect function which will emit a selected event to the parent component like this:</p>
  <pre><code>&lt;script&gt;
     ...
     onSelect: (record, selected, selectedRows) =&gt; {
       console.log(record, selected, selectedRows);
       this.handleEvent(record);
     },
     ...
     export default {
        methods: {
           handleEvent(record) {
               this.$emit('selected', record);
           }
        }
     }
  &lt;/script&gt;
  </code></pre>
  <p>But this obviously doesn't work because the this keyword doesn't have the same reference in the rowSelection variable. So what could be an alternative to this, in order to send the data from the row to the parent component?</p>
  <p><strong>Edit: here's the template with the table:</strong></p>
  <pre><code>&lt;a-table
     v-if=&quot;this.item.toString() === '1'&quot;
     :columns=&quot;columns&quot;
     :row-key=&quot;record =&gt; record.guid&quot;
     :data-source=&quot;filteredList&quot;
     :pagination=&quot;pagination&quot;
     :row-selection=&quot;rowSelection&quot;
  &gt;
  &lt;/a-table&gt;
  </code></pre>