title: How to perform vue.js mouseover event only on on icon of textbox
body: <pre><code>&lt;b-input type="tel" placeholder="Customer Mobile No" name="contactNumber" ref="contactNumber"
            @blur="getCustomer(bill.customer.contactNumber)"
            @input="getCustomer(bill.customer.contactNumber)"
            icon="phone_android"
            tabindex="2"
            title="Customer's mobile number"
            maxlength="10" minlength="10" pattern="\d{10}" v-model="bill.customer.contactNumber"
            :disabled="isDefaultCustomer || (bill.couponDiscount &gt; 0 || bill.giftcertificateAmount &gt; 0 || isExchangeCustomer)" required&gt;
          &lt;/b-input&gt;
  </code></pre>
  
  <p><strong>How to apply mouseover event of vue.js only on icon attribute of b-input tag</strong></p>