title: Storing v-for lists in a variable
body: <p>I am rendering a list using v-for, and the loop contains another v-for loop that iterates and lists images.
  I can store the contents of the first loop in variables and access them later on, however, I can't figure out a way to access the second loop with images and cannot store it into a variable.</p>
  <p>Is there anyway I can do it?</p>
  <p><strong>My main loop with the nested loop:</strong></p>
  <pre><code>&lt;div class=&quot;asset-card&quot; v-for=&quot;asset in assets&quot; :key=&quot;asset&quot;&gt;
        &lt;div class=&quot;asset-details&quot;&gt;
          &lt;h3 class=&quot;bold&quot;&gt;{{ asset.name }}&lt;/h3&gt;
          &lt;h4 class=&quot;semibold&quot;&gt;{{ asset.project }}&lt;/h4&gt;
          &lt;h5&gt;{{ asset.client }}&lt;/h5&gt;
          &lt;h5&gt;Aroflo {{ asset.aroflo }}&lt;/h5&gt;
        &lt;/div&gt;
        &lt;div class=&quot;img-container&quot;&gt;
          &lt;img :src=&quot;asset.mainImg&quot; alt=&quot;asset image&quot; /&gt;
        &lt;/div&gt;
        &lt;div class=&quot;thumbnail-container&quot;&gt;
          &lt;div class=&quot;thumbnail&quot;&gt;
            &lt;img
              v-for=&quot;thumb in asset.thumbs&quot;
              :src=&quot;thumb.thumbnail&quot;
              alt=&quot;&quot;
              :key=&quot;thumb&quot;
            /&gt;
          &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class=&quot;button-container bold&quot;&gt;
          &lt;button @click=&quot;moreDetails(asset)&quot;&gt;Project Details&lt;/button&gt;
        &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  <p><strong>The modal I am sending the data to:</strong></p>
  <pre><code>&lt;div class=&quot;details-container&quot;&gt;
              &lt;div class=&quot;asset-details&quot;&gt;
                &lt;div&gt;
                  &lt;h3&gt;{{ assetDetail }}&lt;/h3&gt;
                  &lt;h4&gt;{{ projectDetail }}&lt;/h4&gt;
                  &lt;h5&gt;{{ arofloDetail }}&lt;/h5&gt;
                &lt;/div&gt;
                &lt;div&gt;
                  &lt;span @click=&quot;closeDetails&quot;&gt;&lt;i class=&quot;fas fa-times&quot;&gt;&lt;/i&gt;&lt;/span&gt;
                &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class=&quot;image-container&quot;&gt;
                &lt;img :src=&quot;mainImage&quot; id=&quot;mainImage&quot; /&gt;
              &lt;/div&gt;
              &lt;div class=&quot;thumbnail-container&quot;&gt;
                &lt;div class=&quot;section&quot;&gt;
                  &lt;!-- modal thumbnails --&gt;
                  &lt;img :src=&quot;thumbImg&quot; /&gt;
                &lt;/div&gt;
              &lt;/div&gt;
            &lt;/div&gt;
  </code></pre>
  <p><strong>My method to assign loop value to variables</strong> :</p>
  <pre><code>methods: {
     moreDetails: function (asset) {
       this.assetDetail = asset.name;
       this.projectDetail = asset.project;
       this.arofloDetail = asset.aroflo;
       this.mainImage = asset.mainImg;
       this.assetDetails = !this.assetDetails;
     }
  </code></pre>