如何在Vue JS中创建带有图像的选择选项

时间:2019-05-08 11:57:07

标签: vue.js

我想使用vue js为国家/地区代码电话号码创建一个带有图像标志的选择选项,我使用此脚本但不起作用:

我尝试使用v-select,但没有任何效果

<div class="form-group">
  <label for="phone">{{ $t('general.phone_number_otp') }}</label>
  <div class="input-group">
    <div class="input-group-addon">
      <select v-model="form.phone_number_country_code">
        <option style="background-image:url(https://www.google.com/url?sa=i&source=images&cd=&ved=2ahUKEwjc6pK0uIviAhVq4nMBHeenCQwQjRx6BAgBEAU&url=https%3A%2F%2Fwww.homedepot.com%2Fp%2FSeasonal-Designs-3-ft-x-5-ft-U-S-Flag-RF3N%2F100016521&psig=AOvVaw3itJv4jwOhHprlNfFiEbea&ust=1557387960130973);">+62</option>
        <option>+63</option>
      </select>
    </div>
  </div>
</div>

结果仍然无法显示我想要的图像

0 个答案:

没有答案