title: How to v-for Bootstrap vue tooltips
body: <p>I have a few Bootstrap Vue Tooltips and i'd like to reduce the footprint in markup by having a v-for that look through an object array and fills the values of the <code>&lt;b-tooltip&gt;</code> properties. </p>
  
  <p><strong>one of my current tooltips</strong> </p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;b-tooltip v-if="clientInContext &amp;&amp; taxId &amp;&amp; hideTaxId"
    target="titlebar-taxId-eye-show"
    :disabled.sync="disableTaxIdButtonTooltip"
    :show.sync="showTaxIdButtonTooltip"
    triggers="hover"
    placement="bottom"&gt;
      Click to temporarily display this value
  &lt;/b-tooltip&gt;
  </code></pre>
  
  <p><strong>My V-For attempt:</strong></p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;b-tooltip v-for='tooltip in tooltipContents'
    v-if="tooltip.vif"
    target="tooltip.target"
    :disabled.sync="tooltip.disable"
    :show.sync="tooltip.show"
    triggers="hover"
    placement="bottom"&gt;
      {{tooltip.text}}
  &lt;/b-tooltip&gt;
  </code></pre>
  
  <pre class="lang-js prettyprint-override"><code>public tooltipContents: object[] = [
    {
      vif: 'clientInContext &amp;&amp; ssn &amp;&amp; hideSsn',
      target: 'titlebar-ssn-eye-show',
      disable: this.disableSsnButtonTooltip,
      show: this.showSsnButtonTooltip,
      text: 'Click to temporarily display this value'
    },
    {
      vif: 'clientInContext &amp;&amp; ssn &amp;&amp; !hideSsn',
      target: 'titlebar-ssn-eye-hide',
      disable: this.disableSsnButtonTooltip,
      show: this.showSsnButtonTooltip,
      text: 'Click to mask this value'
    },
    {
      vif: 'clientInContext &amp;&amp; ssn &amp;&amp; !hideSsn',
      target: 'titlebar-ssn',
      disable: this.disableSsnTextTooltip,
      show: this.showSsnTextTooltip,
      text: '{{ssn}}' 
    }
  ]
  </code></pre>
  
  <p>I'm not sure what else I can do to get this to work. And haven't found anything online related to this issue.</p>