title: Slot filter with Vuejs and ElementUi
body: <p>I have table where a column in there uses <code>slot-scope</code> and I can't get that column data into filters option.</p>
  <h1>Code</h1>
  <p><code>Component filter input</code></p>
  <pre><code>&lt;el-input v-model=&quot;filters[0].value&quot; placeholder=&quot;Type to filter&quot;&gt;&lt;/el-input&gt;
  </code></pre>
  <p><code>component HTML</code></p>
  <blockquote>
  <p>issue part is commented</p>
  </blockquote>
  <pre><code>&lt;data-tables class=&quot;bg-white shadow-sm&quot;
      :data=&quot;transits&quot;
      :filters=&quot;filters&quot;
      style=&quot;width: 100%&quot;&gt;
      &lt;el-table-column prop=&quot;name&quot; label=&quot;Name&quot; sortable=&quot;custom&quot;&gt;&lt;/el-table-column&gt;
      &lt;el-table-column label=&quot;Barcode&quot; sortable=&quot;custom&quot;&gt; &lt;!-- can't get this data into filter --&gt;
          &lt;template slot-scope=&quot;scope&quot;&gt;
              &lt;div v-if=&quot;scope.row.barcode.serial_number&quot;&gt;
                  {{scope.row.barcode.serial_number}}
              &lt;/div&gt;
              &lt;template v-else&gt;
                  {{scope.row.barcode.u_serial_number}}
              &lt;/template&gt;
          &lt;/template&gt;
      &lt;/el-table-column&gt;
  &lt;/data-tables&gt;
  </code></pre>
  <p><code>Component Script</code></p>
  <blockquote>
  <p>I gave more column sample in filters function so you can understand the logic behind <code>element-ui</code> table</p>
  </blockquote>
  <pre><code>&lt;script&gt;
  export default {
      props: ['user'],
      name: &quot;adminOuterTransits&quot;,
      data() {
          return {
              transits: [],
              filters: [
                  {
                      value: '',
                      prop: ['formNo', // works (belongs to transit table)
                              'receiptNo', // works (belongs to transit table)
                              'description', // works (belongs to transit table)
                              'fob', // works (belongs to transit table)
                              'gudang', // works (belongs to transit table)
                              'ship_via', // works (belongs to transit table)
                              'sent_at', // works (belongs to transit table)
                              'received_at', // works (belongs to transit table)
                              'barcode'], // DOESN'T WORK (IT'S RELATIONSHIP DATA &quot;barcode.serial_number&quot;)
                  }
              ]
          }
      },
      // rest of it....
  }
  &lt;/script&gt;
  </code></pre>
  <p><strong>Any idea how to include barcodes data into filter input?</strong></p>