title: How to add a font awesome icon dynamically in Vue.js
body: <p>I have two inputs positioned in a modal and a button that generates two more inputs when the user clicks on it. It works but I want to add a font awesome icon next to the two inputs only for the dynamically created inputs, how can I achieve this in Vue? Here is my code so far:</p>
  <pre class="lang-html prettyprint-override"><code>&lt;div class=&quot;price-round-creation-containe&quot; v-for=&quot;(shareholder, index) in shareholders&quot; :key=&quot;index&quot;&gt;
    &lt;div&gt;
      &lt;input v-model=&quot;shareholder.username&quot; :name=&quot;`shareholders[${index}][username]`&quot; type=&quot;text&quot; class=&quot;form-control input&quot; &gt;
    &lt;/div&gt;
    &lt;div&gt;
      &lt;input v-model=&quot;shareholder.investment&quot; :name=&quot;`shareholders[${index}][investment]`&quot; type=&quot;text&quot; class=&quot;form-control input&quot; &gt;
    &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;p
    class=&quot;add-new-shareholders-p&quot;
    @click=&quot;createNewPricedRoundShareholder&quot;
  &gt;
    &lt;i class=&quot;fa fa-plus-circle fa-lg&quot; /&gt;ADD NEW SHAREHOLDER
  &lt;/p&gt;
  </code></pre>
  <p>my data:</p>
  <pre><code>shareholders: [
    {
      investment: &quot;Investment&quot;,
      username: &quot;Username&quot;
    },
  ]
  </code></pre>
  <p>and the function for my add button:</p>
  <pre><code>createNewPricedRoundShareholder() {
   this.shareholders.push({
      username: &quot;Username&quot;,
      investment: &quot;Investment&quot;
    },
  }
  </code></pre>