title: How to get the value of a specific row in a table in vuejs?
body: <p>How can I get the value of a specific row in a table in VueJS 2?
  This is my table right now <a href="https://i.stack.imgur.com/jb1uw.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/jb1uw.png" alt="now"></a></p>
  
  <p>Below is my code to generate a table and two buttons that will show a modals; one is to edit detail and the other is to show the QR Code coming from the database. I want to get the last <strong>value</strong> of the loop and put it in <strong>SHOW QR Button</strong> and the Show QR Button will contain the last value from the loop.</p>
  
  <pre><code>&lt;div class="myTable table-responsive"&gt;
    &lt;table class="table"&gt;
      &lt;thead class="thead-dark"&gt;
        &lt;tr&gt;
          &lt;th&gt;Member ID&lt;/th&gt;
          &lt;th&gt;First Name&lt;/th&gt;
          &lt;th&gt;Middle Name&lt;/th&gt;
          &lt;th&gt;Last Name&lt;/th&gt;
          &lt;th&gt;Address&lt;/th&gt;
          &lt;th&gt;Actions&lt;/th&gt;
        &lt;/tr&gt;
      &lt;/thead&gt;
  
      &lt;tbody&gt;
        &lt;tr v-for="result in filteredList" :key="result.id"&gt;
          &lt;td&gt;{{result.Memb_ID}}&lt;/td&gt;
          &lt;th&gt;{{result.First_Name}}&lt;/th&gt;
          &lt;th&gt;{{result.Middle_Name}}&lt;/th&gt;
          &lt;th&gt;{{result.Last_Name}}&lt;/th&gt;
          &lt;th&gt;{{result.Address}}&lt;/th&gt;
  
          &lt;div class="row justify-content-center"&gt;
            &lt;b-button v-b-modal.showDetails size="lg" class="showDetails" variant="danger"&gt;Edit&lt;/b-button&gt;
            &lt;b-button v-b-modal.modalQR size="lg" class="showQR" variant="success"&gt;Show QR&lt;/b-button&gt;
          &lt;/div&gt;
        &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>This is my modal where I want to have different QR for every user to be inserted.  <a href="https://i.stack.imgur.com/XqiFP.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/XqiFP.png" alt="here"></a>
  Below is my modal for the <strong>Show QR Button</strong></p>
  
  <pre><code>&lt;b-modal id="modalQR" title="Generated Details"&gt;
      &lt;div class="showQR text-center"&gt;
        &lt;qrcode-vue :value="results.url" :size="size" level="H"&gt;&lt;/qrcode-vue&gt;
      &lt;/div&gt;
    &lt;/b-modal&gt;
  </code></pre>
  
  <p>and below is my script<a href="https://i.stack.imgur.com/UxAMh.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/UxAMh.png" alt="here is m"></a></p>
  
  <pre><code> &lt;script&gt;
  import QrcodeVue from "qrcode.vue";
  import axios from "axios";
  
  export default {
    data() {
      return {
        search: "",
        results: {},
        value: "",
        size: 200,
        selected: [],
  
      };
    },
    computed: {
      filteredList() {
        return this.results.filter(post =&gt;
          post.First_Name.toLowerCase().includes(this.search.toLowerCase())
        );
      }
    },
    methods: {
  
      getUsers() {
        axios
          .get("localhost:9000/user/")
          .then(response =&gt; (this.results = response.data))
          .catch(error =&gt; console.log(error.message));
      }
    },
    components: {
      QrcodeVue
    },
    mounted() {
      this.getUsers();
    }
  };
  &lt;/script&gt;
  </code></pre>