title: How to show an elements value in a vue modal?
body: <p>I have several elements that are displayed as <code>&lt;li&gt;</code> elements in a loop. For each element I want behavior such that when the element is clicked a modal box opens up. Inside the modal box I want contents that are specific to the element that was clicked. </p>
  
  <p>The data below shows all the elements:</p>
  
  <pre><code>              {value: 10, name: "foo"},
                {value: 12, name: "bar"},
                {value: 14, name: "foobar"},
                {value: 22, name: "test"},
                {value: 1, name: "testtooo"},
                {value: 8, name: "something"}
  </code></pre>
  
  <p>When I click on an element, I want to see the <code>value</code> property for it inside the modal box. </p>
  
  <p>I've created a fiddle for this: <a href="https://jsfiddle.net/hvb9hvog/14/" rel="nofollow noreferrer">https://jsfiddle.net/hvb9hvog/14/</a> </p>
  
  <p><strong>Question</strong></p>
  
  <p>I've gotten the modal working, however, how can I show each elements <code>value</code> property inside the modal?</p>