Can't get v-model to work inside a v-tippy-html about vue-tippy HOT 2 CLOSED

<button class="add-bag button is-text" v-on:click="toggleModal" :title="Add" v-tippy>
  <div class="icon is-medium" v-tippy="{ html : '#' + generateID, trigger: 'click', interactive: true, reactive: true }">
    <span class="fa-stack">
      <i class="fa fa-circle fa-stack-2x"></i>
      <i class="fa fa-plus fa-stack-1x"></i>
    </span>
  </div>
</button>

<div :id="generateID" class="content">
  <input v-model="tradePrice" class="input is-small has-text-right" type="text" placeholder="Trade price">
{{ tradePrice }}
</div>